本来项目完美打包,后来我增加了一个插件vue-ionicons,打包build就是报错:

ERROR in static/js/8.017e5cf2d2f1a552890d.js from UglifyJs
Unexpected token: punc (() [./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2f1a552890d.js:38,12]

原因:上面的代码是es6的语法,由于现在还有浏览器不支持es6的语法,所以在打包的过程中要把es6转换成es5,在打包时使用了UglifyJs压缩JS,但是UglifyJs无法解析ES6,才出现了上述问题。
解决:build/webpack.base.config.js 文件中,resolve部分加入该报错插件

 {test: /\.js$/,loader: 'babel-loader',include: [resolve('src'), resolve('test'), resolve('/node_modules/vue-ionicons/dist/ionicons-mixin.js')]},

再次重新打包,OK搞定。

vue-cli webpack 打包报错:Unexpected token: punc (()相关推荐

  1. vue-cli element-ui打包报错Unexpected token: operator ()

    问题:打包时报错 ERROR in assets/js/8.1cf9f71e2f3b3b6ed470.js from UglifyJs Unexpected token: operator (> ...

  2. Vue开启Gzip打包异常:webpack打包报错Cannot read property ‘emit‘ of undefined

    Vue开启Gzip打包异常:webpack打包报错Cannot read property 'emit' of undefined 相关代码 const CompressionPlugin = req ...

  3. eslint 验证vue文件 报错 unexpected token =解决方法

    eslint 验证vue文件 报错 unexpected token =解决方法 参考文章: (1)eslint 验证vue文件 报错 unexpected token =解决方法 (2)https: ...

  4. vue app.js <!doctype html>报错 Unexpected token ‘<‘ 作者:哇塞大嘴好帅

    vue app.js <!doctype html>报错 Unexpected token '<' 作者:哇塞大嘴好帅 作者:哇塞大嘴好帥(哇塞大嘴好帅) 首先我们看下错误 确保我们 ...

  5. webpack打包---报错内存溢出javaScript heap out of memory

    今天, npm run build打包时,又报内存溢出了.所以记录一下,之前查了博客有一些解释. "报错CALL_AND_RETRY_LAST Allocation failed - Jav ...

  6. vue ui 启动,浏览器报错Unexpected token

    可能的解决办法: 选择清空缓存并硬性重新加载页面. 如果不行,全局卸载@vue/cli,重新安装. 转载于:https://www.cnblogs.com/noteit/p/10383043.html

  7. Ant Design Pro引入Echarts 报错Unexpected token

    想要在ant design pro中引入echart,发现在网上找了很多示例直接运行不通过,可能需要更改下部分格式,比如直接引用下面链接中的代码就会报错:Unexpected token, https ...

  8. vue CLI异步组件报错import' and 'export' may only appear at the top level

    目录 简介 解决方案 简介 Vue的官网中提到了有关异步组件的语法,链接如下: https://cn.vuejs.org/v2/guide/components-dynamic-async.html ...

  9. webpack打包报错

    webpack使用过程中压缩报错, 使用webpack .\example.js -o app.js命令报错. 报错信息:ERROR in main Module not found: Error: ...

最新文章

  1. 使用slice和concat对数组的深拷贝和浅拷贝
  2. 经典C语言程序100例之六三
  3. 电脑下面的任务栏怎么取消隐藏_电脑桌面右下方任务栏的小图标如何隐藏
  4. Android处理ListView中的Item中的Button按钮不能点击的问题
  5. CentOS 6.8安装Python2.7.13
  6. Thymeleaf模板如何获取springMVC返回的model值
  7. matlab 圆锥投影,基于MATLAB的等差分纬线多圆锥投影变换
  8. Hibernate常用Annotation标签说明
  9. JAVA 调用Web Service的方法(转)
  10. redis客户端使用密码
  11. TypeScript:对象
  12. 关于H5页面在微信端的分享
  13. 自定义 View 实现汉字笔顺动画
  14. 尼尔森数据显示谷歌雅虎今夏流量均增长
  15. hdwiki下model目录功能
  16. 【AVD】【转载翻译】NVDEC_VideoDecoder_API_ProgGuide
  17. shell中test命令方法详解
  18. 从32万字的歌词里找一首最伤感的歌,竟然是周杰伦的...
  19. 8086逻辑移位指令SHL和SHR
  20. 抖音短视频SEO优化排名方法

热门文章

  1. [js] for in 和 for of 的区别?
  2. 前端学习(1659):前端系列实战课程之瀑布流实现思路
  3. 前端学习(1296):第三方模块nodenrm
  4. Java面试题18 牛客 假定Base b = new Derived();
  5. 华为IoT平台NB编解码插件开发详细教程【上篇】
  6. 计算机视觉python入门_计算机视觉应该怎样入门?
  7. Java写入的常用技巧
  8. js使用正则实现表单验证
  9. IntelliJ Idea注释模板--类注释、方法注释
  10. 洛谷 3381 【模板】最小费用最大流