module parse failed you may need an approprate loader to handle this file type

[weixin_38053353]

我想在vue中使用svg,环境是vue cli 3.0 提示错误如下 module parse failed you may need an approprate loader to handle this file type vue.config.js配置如下 chainWebpack: webpackConfig => { webpackConfig.plugins.delete('prefetch') webpackConfig.module .rule('vue') .test(/.vue$/) .use('vue-loader') .loader('vue-loader') .options({ compilerOptions: { preserveWhitespace: true } }) webpackConfig.module .rule('svg') .exclude.add(resolve('src/icons')).end() },

[weixin_38066498]

你存在文件类型无法解析，需要加载器去解析。你可能需要配置一下下面这个加载器，在webpack.base.conf.js里配置 { test: /.svg$/, loader: 'svg-sprite-loader', include: [resolve('src/icons')], options: { symbolId: 'icon-[name]'//去掉svg这个图片加载不出来 } }, 可能还要install 一些东西，缺什么安什么，上面还有关于名称和路径的，具体根据你自身的情况修改吧