解决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 相关文章推荐
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
Oct 16 Javascript
js数组的操作指南
Dec 28 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
JavaScript编程中容易出BUG的几点小知识
Jan 31 Javascript
javascript操作表格排序实例分析
May 06 Javascript
ionic组件ion-tabs选项卡切换效果实例
Aug 27 Javascript
ES6模块化的import和export用法方法总结
Aug 08 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
Oct 12 Javascript
vue组件中使用iframe元素的示例代码
Dec 13 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
JS实现分页导航效果
Feb 19 Javascript
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中文件缓存转内存缓存的方法
2011/12/06 PHP
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
js获取变量
2006/08/24 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
分享14个很酷的jQuery导航菜单插件
2011/04/25 Javascript
javascript 星级评分效果(手写)
2012/12/24 Javascript
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
Jquery网页内滑动缓冲导航的实现代码
2015/04/05 Javascript
浅谈JS中逗号运算符的用法
2016/06/12 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
解读ES6中class关键字
2017/11/20 Javascript
详解微信小程序支付流程与梳理
2019/07/16 Javascript
Javascript 对象(object)合并操作实例分析
2019/07/30 Javascript
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
vue npm install 安装某个指定的版本操作
2020/08/11 Javascript
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
[02:12]2019完美世界全国高校联赛(春季赛)报名开启
2019/03/01 DOTA
python生成词云的实现方法(推荐)
2017/06/13 Python
python3.6连接MySQL和表的创建与删除实例代码
2017/12/28 Python
安装好Pycharm后如何配置Python解释器简易教程
2019/06/28 Python
python的pyecharts绘制各种图表详细(附代码)
2019/11/11 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
python rolling regression. 使用 Python 实现滚动回归操作
2020/06/08 Python
中粮集团旗下食品网上购物网站:我买网
2016/09/22 全球购物
类成员函数的重载、覆盖和隐藏区别
2016/01/27 面试题
《自然之道》教学反思
2014/02/11 职场文书
入学申请自荐信范文
2014/02/26 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
经理任命书模板
2014/06/06 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
解析Java异步之call future
2021/06/14 Java/Android