SVG加载vue-svg-loader; [Vue警告]：组件定义无效

作者: =_=
发布时间: 2024-03-20 07:22:00 (3月前)
转自：

3 条回复

0#
回复此人
Innate Mind | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 在webpack.base.conf.js中，在规则下添加以下代码： </p> <pre> <code> { test: /\.svg$/, loader: 'vue-svg-loader', } </code> </pre> <P> 并从现有的以下规则中删除svg： </p> <pre> <code> { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } } </code> </pre> </DIV>

编辑
1#
回复此人
Charizard | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 将以下内容添加到 <code> vue.config.js </code> ： </p> <pre> <code> module.exports = { chainWebpack: config => { config.module.rules.delete("svg"); }, configureWebpack: { module: { rules: [ { test: /\.svg$/, loader: 'vue-svg-loader', }, ], } } }; </code> </pre> </DIV>

编辑

登录后才能参与评论