vue+iview打包报错Unexpected token: punc (()

WrBug 发布于2019-08-21 17:48 / 3318人阅读

摘要：最近在项目中遇到项目时报错具体报错如下但在安装依赖之前，不会出现这个问题。问题原因无法解析的问题，所以导致打包失败。

最近在项目中遇到vue项目build时报错

ERROR in static/js/vendor.7cc64802b7814edeb429.js from UglifyJs
Unexpected token: punc (() [./node_modules/iview/src/components/base/collapse-transition.js:6,0][static/js/vendor.7cc64802b7814edeb429.js:77,15]

具体报错如下：

但在安装iview依赖之前，build不会出现这个问题。

问题原因：

UglifyJs无法解析ES6的问题，所以导致打包失败。

在错误信息中有提示导致报错的模块
    及： [./node_modules/iview/src/components/base/collapse-transition.js:6,0][static/js/vendor.7cc64802b7814edeb429.js:77,15]

解决方案：

让babel去解析打包失败的模块

在项目build/webpack.base.conf.js中添加配置

    resolve("/node_modules/iview/src"), resolve("/node_modules/iview/packages")

修改之前的配置：

修改之后的配置：

修改后正常编译：

问题解决参考：http://blog.csdn.net/hayre/ar...

idc机房托管私有云 unexpected-token punc Unexpected iView

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/90017.html

vue cli 3.x 生产环境去除console采坑记

摘要：移除总结使用插件配置如下移除没成功报错如下配置参考优化实践删除和配置最终还是没有成功，报错如下使用插件安装依赖库配置如下生产环境移除总结该方案成功了 vue-cli 3.x 移除console总结使用 uglifyjs-webpack-plugin 插件配置如下: // vue.config.js const UglifyJsPlugin = require(uglifyjs-we...

kgbook 2019-08-23 17:20 评论0 收藏0
vue-cli 3.x 移除console总结

摘要：网上找了很多的配置，很多已经不适用了，把采坑的经历记录下来，供参考。一使用插件配置如下移除没成功报错如下二配置参考优化实践删除和配置最终还是没有成功，报错如下三使用插件参考安装依赖库配置如下生产环境移除总结该方案成功了网上找了很多vue-cli 3.x的配置，很多已经不适用了，把采坑的经历记录下来，供参考。一、使用 uglifyjs-webpack-plugin 插件配置如下: ...

jsbintask 2019-08-23 17:20 评论0 收藏0
vue开发项目完全指南

摘要：有两种方法，一种是在开发环境中设置通过的，另一种是在服务器上修改的配置设置。这样我们以后使用访问接口就可以不加了，打包后访问也不用手动去除统一管理在项目开发过程中，会涉及到很多接口的处理，当项目足够大时，就需要统一管理接口。这篇文章总结了vue项目的所遇到的问题，包括跨域、用户认证、接口统一管理、路由配置、兼容性处理，性能优化等内容。项目github地址 : 前端 https:...

leoperfect 2019-08-23 16:16 评论0 收藏0
VUE-Router按模块配置、懒加载+ Windows中Nginx服务安装、配置解决404

摘要：文章涉及到路由模块化，懒加载，安装，打包配置板块。项目复杂，路由变多，代码维护性降低，从路由模块化开始一步步优化，解决各种。无法启动服务，报错参考资料发现端口冲突，已经在服务中已经配置端口。服务端口更改为。文章涉及到VUE路由模块化，懒加载，nginx安装，打包配置板块。项目复杂，路由变多，代码维护性降低，从路由模块化开始一步步优化，解决各种BUG。参考了很多方法，会在文章中引用出来...

habren 2019-07-25 14:37 评论0 收藏0
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unex

摘要：前言项目使用版本使用实现按需加载描述该报错在项目上线一段时间后有用户反映页面无法正常游览后面以问题问题区分问题导航点击无法正常跳转刷新后恢复正常打印报错截图问题页面全白并且刷新仍然无效打印报错截图经过一番折腾初步定位问题在经过的打包后的前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. showImg(https:/...

Allen 2019-08-23 12:50 评论0 收藏0