module parse failed you may need an approprate loader to handle this file type
0
悬赏园豆：120
[待解决问题]
我想在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()
},
所有回答(1)
0
你存在文件类型无法解析，需要加载器去解析。你可能需要配置一下下面这个加载器，在webpack.base.conf.js里配置
{
test: /.svg$/,
loader: 'svg-sprite-loader',
include: [resolve('src/icons')],
options: {
symbolId: 'icon-[name]'//去掉svg这个图片加载不出来
}
},
可能还要install 一些东西，缺什么安什么，上面还有关于名称和路径的，具体根据你自身的情况修改吧
