svg-module: inline fails

Trying to use the inline functionality:

import quote from '~/assets/images/quote.svg?inline'
export default {
  components: {
        quote
  }
}

And I am getting this error:

Module parse failed: Unterminated string constant (24:72) 
File was processed with these loaders: * ./node_modules/vue-svg-loader/index.js 
You may need an additional loader to handle the result of these loaders.
 | ...rest, | }, > children.concat([_c('style',{attrs:{"type":"text/css"}},
[_v(' | .st0{font-family:'TimesNewRomanPS-BoldMT';} | .st1{font-size:144px;}

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 3
Comments: 17 (3 by maintainers)

Most upvoted comments

@urbgimtam i don’t have access to illustrator, i’m only a poor web developper ^^ To solve this, i test some things.

This one fail :

<style type="text/css">
   .st0{fill-rule:evenodd;clip-rule:evenodd;fill:currentColor;}
</style>

This one works :

<style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:currentColor;}</style>

Probably, need to remove some spaces contains into style attribute ?

Geminii on Mar 9, 2020