解决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 相关文章推荐
ajax 缓存 问题 requestheader
Aug 01 Javascript
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
Jan 12 Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 Javascript
JavaScript中的函数嵌套使用
Jun 04 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
Canvas 绘制粒子动画背景
Feb 15 Javascript
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
JavaScript代码实现txt文件的上传预览功能
Mar 27 Javascript
mpvue性能优化实战技巧(小结)
Apr 17 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 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脚本[带参数]的方法
2010/01/22 PHP
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
JavaScript截断字符串的方法
2015/07/15 Javascript
JS实现类似51job上的地区选择效果示例
2016/11/17 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
详解webpack介绍&安装&常用命令
2017/06/29 Javascript
Webpack优化配置缩小文件搜索范围
2017/12/25 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
使用Python的PEAK来适配协议的教程
2015/04/14 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
python 将md5转为16字节的方法
2018/05/29 Python
详解Python3注释知识点
2019/02/19 Python
Python 获取命令行参数内容及参数个数的实例
2019/12/20 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
Python操作dict时避免出现KeyError的几种解决方法
2020/09/20 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
Python字符串对齐、删除字符串不需要的内容以及格式化打印字符
2021/01/23 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
创业计划书怎样才能打动风投
2014/01/01 职场文书
安全事故检讨书
2014/01/18 职场文书
销售员岗位职责
2014/06/09 职场文书
个人公司授权委托书范本
2014/10/12 职场文书
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python
阿里云服务器部署mongodb的详细过程
2021/09/04 MongoDB