首页 新闻 搜索 专区 学院

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()
},

taigudaren的主页 taigudaren | 初学一级 | 园豆:82
提问于:2019-07-15 21:30
< >
分享
所有回答(1)
0

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

心悠魂然 | 园豆:2087 (老鸟四级) | 2019-07-16 09:32
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册