解决vue2中使用elementUi打包报错的问题


Posted in Javascript onSeptember 22, 2020

bug1.找不到element-ui/lib/theme-default/index.css

解决:修改路径为 element-ui/lib/theme-chalk/index.css

原因:elementUi升级时遗留bug

bug2: ERROR in static/js/app.77ab8a3664d32f2b9c76.js from UglifyJs

Unexpected token: operator (>) [./~/element-ui/src/mixins/emitter.js:2,0][assets/js/0.498ce690b229694d8858.js:3947,32

解决:打开build目录下webpack.base.conf.js文件

添加

{
 test: /\.js$/i,
 loader: 'babel-loader',
 include: [
  resolve('src'),
  resolve('test'),
  resolve('node_modules/element-ui/src/mixins/emitter.js'),
 ],
},

若重复build不断有类似错误,添加

test: /\.js$/i,
 loader: 'babel-loader',
 include: [
  resolve('src'),
  resolve('test'),
  resolve('node_modules/element-ui/src'),
  resolve('node_modules/element-ui/packages')
 ],
},

补充知识:vue脚手架加载element-ui报错的解决方法

引入 import 'element-ui/lib/theme-chalk/index.css' 后

各种报错,解决方法

1、cnpm install css-loader style-loader file-loader -D

2、 在webpack.config.js中增加一行rules

{test: /\.(eot|woff|ttf)$/, loader: "file-loader" }

3、npm run dev

注意: {test: /\.css$/,loader: 'style-loader!css-loader'}这一行不必添加,我加上这一行后反而运行错误,这样写也不行 {test: /\.css$/,loader: 'style!css'}

以上这篇解决vue2中使用elementUi打包报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 参考教程
Dec 29 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
Nov 14 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
js中top的作用深入剖析
Mar 04 Javascript
JavaScript语言对Unicode字符集的支持详解
Dec 30 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
Apr 26 Javascript
js匿名函数作为函数参数详解
Jun 01 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
jquery删除数组中重复元素
Dec 05 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
Dec 08 Javascript
详解Vue的七种传值方式
Feb 08 Vue.js
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 #Javascript
小程序实现录音功能
Sep 22 #Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 #Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 #Javascript
JS实现无限轮播无倒退效果
Sep 21 #Javascript
js+canvas绘制图形验证码
Sep 21 #Javascript
vue中路由跳转不计入history的操作
Sep 21 #Javascript
You might like
PHP语言中global和$GLOBALS[]的分析 之二
2012/02/02 PHP
php中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
js实现遮罩层弹出框的方法
2015/01/15 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
javascript实现点击后变换按钮显示文字的方法
2015/05/13 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
js删除Array数组中指定元素的两种方法
2016/08/03 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
Javascript点击按钮随机改变数字与其颜色
2016/09/01 Javascript
jQuery grep()方法详解及实例代码
2016/10/30 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
详解node中创建服务进程
2017/05/09 Javascript
原生js中ajax访问的实例详解
2017/09/19 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
[04:21]狐狸妈带你到现场 DOTA2 TI中国区预选赛线下赛路线指引
2014/05/22 DOTA
python中使用sys模板和logging模块获取行号和函数名的方法
2014/04/15 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
树莓派实现移动拍照
2019/06/22 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
利用scikitlearn画ROC曲线实例
2020/07/02 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
python实现马丁策略的实例详解
2021/01/15 Python
selenium+python自动化78-autoit参数化与批量上传功能的实现
2021/03/04 Python
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
老人再婚离婚协议书范本
2014/10/27 职场文书
2014年保安个人工作总结
2014/11/13 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
基于JavaScript实现年月日三级联动
2021/06/22 Javascript