解决vue-cli element-ui打包报错Unexpected token: punc (() [./~/element-ui/packages/row/src/row.js
来源:互联网 发布:java调用api接口实例 编辑:程序博客网 时间:2024/06/05 18:13
1.问题描述
我用vue-cli写了项目,界面都是用element-ui写的,打包时报错:
ERROR in static/js/19.7a249ea6c2bf376ba720.js from UglifyJs
Unexpected token: punc (() [./~/element-ui/packages/row/src/row.js:24,0][static/js/19.7a249ea6c2bf376ba720.js:237,9]
2.问题理解
我理解了一下报错信息:
报错说有一个错误在打包后的文件中:static/js/19.7a249ea6c2bf376ba720.js
,
错误的原因是:Unexpected token: punc (() ,即:不能识别操作符("(()")
源文件出错地方是:/element-ui/packages/row/src/row.js
第24
行第0
列
打包文件出错地方:static/js/19.7a249ea6c2bf376ba720.js
第237行第0
列
于是我找到两个文件出错的代码一看,发现代码是一样的!
(() => {});
中的(()=>{})是es6的语法。但是现在很多浏览器不完成支持es6语法,所以才需要在打包过程中转换成es5语法。
static/js/19.7a249ea6c2bf376ba720.js是打包的结果,这个文件是会放在浏览器运行的,如果浏览器不支持es6语法,那代码就会出错。
所以npm run build
报出错误信息,也是合理的,如果你不理会这个报错信息,把代码拿取浏览器运行,就会出错。
3.解决问题
在自己项目中的
webpack.base.conf.js
找到了类似的地方,并加入配置{ test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'),
resolve('/node_modules/element-ui/src'),resolve('/node_modules/element-ui/packages')//---添加这行
]},
如果您的vue-cli项目或webpack项目也遇到类似的错误,可以试试这样解决。
感慨一下:
了解问题的本质比知道问题的答案重要
遇到问题需要抽丝剥茧地逐层分析
- 解决vue-cli element-ui打包报错Unexpected token: punc (() [./~/element-ui/packages/row/src/row.js
- vue+element-ui打包时候出现 UglifyJs Unexpected token: punc 问题
- vue-cli与element-ui相关问题
- Vue.js UI框架 - element
- vue 打包出错——Unexpected token: punc (})
- ERROR in static/js/vendor.xxxx.js from UglifyJs Unexpected token: punc webpack打包出错解决
- element-ui+vue.js 简易留言板
- vue.js+element ui学习笔记
- vue.js+element-ui动态配置菜单
- 处理vue-cli 打包第三方库时语法报错 Unexpected token: name (idSeed)
- vue element-ui dialog组件
- vue+element-ui上传文件
- 谈谈学习element UI + vue.js的感受
- 关于 Vue.js+Element-UI 日期控件 日期范围选择
- element UI
- element-ui
- vue-cli中安装element ui步骤以及遇到的坑
- gulp-jade报错unexpected token:punc {{}}}与ng-annotate报错error parse
- python2.7学习笔记(二)List和Tuple类型
- Spring Cloud Eureka的自我保护机制
- 【codevs】1729 单词查找树
- Illustrator CC 2015 MAC(AI mac版) V19.2.1 最新中文破解版
- MergeSort
- 解决vue-cli element-ui打包报错Unexpected token: punc (() [./~/element-ui/packages/row/src/row.js
- fcc第213 Using Objects for Lookups
- kuangbin专题五 并查集 ZOJ3261 Connections in Galaxy War
- 【长文干货】浅析分布式系统
- EOJ 3025 连续正整数之和
- Tomcat系列—详解Tomcat 配置文件 server.xml(一)
- JS数组的reduce()函数用法
- CSS选择器总结
- python学习之路(内置方法)