webpack5 svg 导入错误This page contains the following errors: error on line 1 at column 1

使用svg-url-loader处理svg 时报错如上

解决办法:

加上一行 type： 'javascript/auto',或者使用新的资源模块

{ test: /\.svg/, type: 'asset/inline' },
或者
 {
   test: /\.svg$/i,
   type: 'asset/resource', 
   generator: {
     filename: 'static/media/[name][contenthash:8].[ext]', 
   },
 },

官方文档如下

总结:

"多看文档" "多看文档" "多看文档"

webpack 文档相关地址
https://webpack.docschina.org/guides/asset-modules/