Sprite doesn't get loaded

Do you want to request a feature, report a bug or ask a question? Question

What is the current behavior? Svg is doesn’t get imported when extract: true

What is the expected behavior? Svg gets imported.

The best way is to create repo with minimal setup to demonstrate a problem (package.json, webpack config and your code). https://gist.github.com/srosca/80932a82e55e90c8409c6a6dc09f7e51

Please tell us about your environment:

• Node.js version: 8.9.4
• webpack version: 3.5.4
• svg-sprite-loader version: 3.1.6
• OS type & version: MacOX Sierra

[martinkadlec0]

Also stumbled upon this, we replaced extract-text-webpack-plugin with mini-css-extract-plugin and now the svg urls in our css files are replaced by absolute path to the svg file itself instead of url to the svg sprite.

Update: Mine problem sounds more like https://github.com/kisenka/svg-sprite-loader/issues/294 - or maybe its the same thing?

[wanecek]

I’m seeing the same error as @rguanghui while attempting to upgrade our build process from Webpack 3 to 4, during which I’ve also switched to mini-css-extract-plugin (just like @martinkadlec0). However - the symptom I’m experiencing is that the entire webpack build crashes, not that it’s inline instead of extracted.

When the error is thrown (from get-loader-options.js:26), the following values are assigned to the variables:

{ 
  loaderPath:
   '/home/wanecek/work/<redacted>/website/node_modules/svg-sprite-loader/lib/loader.js',
  rule: {
    resource: [Function: bound test],
    use: [ { options: undefined, loader: 'file-loader' } ]
  },
  multiRule: [ { options: undefined, loader: 'file-loader' } ],
  multiRuleProp: 'use'
}

rules.map(normalizeRule) evalutes to [{ loader: 'file-loader', options: null }], which makes the chained find method return undefined, causing an error to be thrown when the undefined.options is accessed.

Is it the getMatchedRule which extracts the wrong rule? Not too familiar with the plugin, will try to dig some more…

if the repo given by @evilebottnawi is insufficient, I can try creating a reproducible demo too… Let me know @kisenka 😃