vue cli3 使用vue-svg-loader 出现Invalid Component definition报错

使用vue-svg-loader插件, 可以让svg格式的文件(比如图片),当成组件在项目中引入, 十分方便。

但是有时会出现"Invalid component definition"报错, 需要我们在webpack中配置一下

// vue.config.js
module.exports = {//1. 需先删除默认配置中处理svgchainWebpack: (config) => {config.module.rules.delete("svg"); },// 2.配置loaderconfigureWebpack: {module: {rules: [{test: /\.svg$/,loader: "vue-svg-loader",},],},},
};

vue cli3 使用vue-svg-loader 出现Invalid Component definition报错相关推荐

Vue Cli3 项目 vue.config.js 配置
Vue Cli3 项目 vue.config.js 配置配置优化一.js文件最小化处理二.分割代码三.图片资源压缩四.开启gzip压缩先看一下优化配置之前的文件大小通过vue-cli3脚 ...
vue Cli3与vue Cli2的改变
vue Cli3与vue Cli2的区别常用命令官方文档创建文件启动项目目录结构 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统常用命令 vue -V 查看本地 vue ...
vue渲染时数据对象里面的子对象的属性报错undefined，但页面正常渲染
vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染. 报如图所示错误页面中报错的位置原因是在data中申明了空对象,页面在渲染的时候,数据还没获取到的时候,首先渲染的是初 ...
UnicodeDecodeError: ‘utf-8‘ codec can‘t decode byte 0xc0 in position 0: invalid start byte报错解决
UnicodeDecodeError: 'utf-8' codec can't decode byte 0xc0 in position 0: invalid start byte报错解决这个错误一 ...
Vue cli3 或 Vue cli4 配置多入口多页面问题（详解）
本项目用的是Vue cli4,如果是vue cli3也是可以参考使用的省略创建项目这个步骤,接下来在创建好的项目里找到public文件夹,复制多个index.html入口文件,并且修改名称: 每个入 ...
vue ts项目同时引入ant-design和element-ui，ts报错不能编译打包失败
错误信息: Subsequent property declarations must have the same type. Property '$confirm' must be of type ...
解决LaTeX：！Package CJK Error：Invalid character code报错
近期运行一个中文的latex模板总是报错,提示:!Package CJK Error:Invalid character code 我的latex编译套件是: WinEdit + MiKTeX 尝试了 ...
解决node:internal/modules/cjs/loader:936 throw err； ^报错
const sqlStr = 'select *from ev_users where username=?'bd.query(sqlStr, userinfo.username, (err, res ...
VUE cli3 搭建vue项目引入EasyUI框架，出现错误！！！You are using the runtime-only build of Vue where the template com
EasyUI框架是我本科时候后端开发的一个前端框架,用起来比较方便,缺点就是风格.颜色.主题不太行,但是现在济南的很所公司还用easyui开发呢!!本文主要在这里记录一下主要的配置情况,对程序员来说, ...

vue cli3 使用vue-svg-loader 出现Invalid Component definition报错

使用vue-svg-loader插件, 可以让svg格式的文件(比如图片),当成组件在项目中引入, 十分方便。

但是有时会出现"Invalid component definition"报错, 需要我们在webpack中配置一下

vue cli3 使用vue-svg-loader 出现Invalid Component definition报错相关推荐

最新文章

热门文章