解决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 相关文章推荐
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
Javascript 按位与运算符 (&)使用介绍
Feb 04 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 Javascript
JS中取二维数组中最大值的方法汇总
Apr 17 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
Sep 17 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
react router 4.0以上的路由应用详解
Sep 21 Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
vue实现打地鼠小游戏
Aug 21 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
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
ThinkPHP控制器详解
2015/07/27 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
php压缩文件夹最新版
2018/07/18 PHP
php源码的安装方法和实例
2019/09/26 PHP
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
浅析JS原型继承与类的继承
2016/04/07 Javascript
同步文本框内容JS代码实现
2016/08/04 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
2019/07/04 Javascript
vue实现文字加密功能
2019/09/27 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
[04:03][TI9趣味短片] 小鸽子茶话会
2019/08/20 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
python采用getopt解析命令行输入参数实例
2014/09/30 Python
Linux下编译安装MySQL-Python教程
2015/02/02 Python
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
python用Pygal如何生成漂亮的SVG图像详解
2017/02/10 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
python随机在一张图像上截取任意大小图片的方法
2019/01/24 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
美国高端医师级美容产品电商:BeautifiedYou.com
2017/04/17 全球购物
乐高奥地利官方商店:LEGO Shop AT
2019/07/16 全球购物
《花瓣飘香》教学反思
2014/04/15 职场文书
职位说明书范文
2014/05/07 职场文书
公司总经理助理岗位职责
2014/07/09 职场文书
竞选大队干部演讲稿
2014/09/11 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
python 如何执行控制台命令与操作剪切板
2021/05/20 Python