Error with embedded images

[Almusamim]

I keep getting this error with my image assets when I use this module with nuxt

Loading...
ERROR in ./src/assets/img/loading.gif
Module build failed (from ./node_modules/svg-to-vue-component/loader.js):
NonErrorEmittedError: (Emitted value instead of an instance of Error) Error in parsing SVG: Non-whitespace before first tag.
Line: 0
Column: 1
Char: G
    at runLoaders (D:\Projects\elk\theme\node_modules\webpack\lib\NormalModule.js:298:13)
    at D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.module.exports (D:\Projects\elk\theme\node_modules\svg-to-vue-component\loader.js:38:5)
ERROR in ./src/assets/img/bricks_bg.png
Module build failed (from ./node_modules/svg-to-vue-component/loader.js):
NonErrorEmittedError: (Emitted value instead of an instance of Error) Error in parsing SVG: Non-whitespace before first tag.
Line: 0
Column: 1
Char: �
    at runLoaders (D:\Projects\elk\theme\node_modules\webpack\lib\NormalModule.js:298:13)
    at D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.module.exports (D:\Projects\elk\theme\node_modules\svg-to-vue-component\loader.js:38:5)
ERROR in ./src/assets/img/photo.jpg
Module build failed (from ./node_modules/svg-to-vue-component/loader.js):
NonErrorEmittedError: (Emitted value instead of an instance of Error) Error in parsing SVG: Non-whitespace before first tag.
Line: 0
Column: 1
Char: �
    at runLoaders (D:\Projects\elk\theme\node_modules\webpack\lib\NormalModule.js:298:13)
    at D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.module.exports (D:\Projects\elk\theme\node_modules\svg-to-vue-component\loader.js:38:5)
ERROR in ./src/assets/img/photo2.jpg
Module build failed (from ./node_modules/svg-to-vue-component/loader.js):
NonErrorEmittedError: (Emitted value instead of an instance of Error) Error in parsing SVG: Non-whitespace before first tag.
Line: 0
Column: 1
Char: �
    at runLoaders (D:\Projects\elk\theme\node_modules\webpack\lib\NormalModule.js:298:13)
    at D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (D:\Projects\elk\theme\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.module.exports (D:\Projects\elk\theme\node_modules\svg-to-vue-component\loader.js:38:5)

[mornir]

I get the same error, but only when I save nuxt.config.js when running HMR.
In one place in my code, I reference a PNG. If I remove that PNG, the error goes away.

From what I understood, the error comes from Webpack trying to process my PNG as a SVG.

You can disable this behavior by passing a option to this module:

modules: [
    [
      'svg-to-vue-component/nuxt',
      {
        svgoConfig: false,
      },
    ],
]

[Almusamim]

Thanks this solved it for me