webpack打包报错Unexpected token

最新推荐文章于 2023-06-13 14:11:12 发布
最新推荐文章于 2023-06-13 14:11:12 发布
阅读量563 收藏
点赞数
文章标签： webpack ViewUI
原文链接：http://www.cnblogs.com/qingfengliuyun092815/p/7871839.html
版权

　　最近项目要上线，需要对项目进行打包部署到服务器上面，在打包过程中npm run build后出现以下报错Unexpected token: punc (() [./~/_element-ui@1.4.7@element-ui/packages/col/src/col.js:23,0][static/js/0.3fbe30ed5a683f62d6bc.js:13890,10]

字面意思是报错来自UglifyJs，在col.js下23行出现了不期望的‘（’，打开col.js文件查看

不能识别这个函数的括号，上网查询后原来是UglifyJs不能解析ES6的问题，element-ui下的这个col文件使用了ES6的语法，所以导致无法解析，解决方法是在打包时，让babel去解析失败的包，打开webpack.base.conf.js,可以如下配置

然后再build一次，就大功告成。

 

转载于:https://www.cnblogs.com/qingfengliuyun092815/p/7871839.html

weixin_30347335
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue打包报错Unexpected token name «t», expected punc «；» 和Unexpected token: punc (,)的问题
前端程序员、项目经理、人工智能博主
10-31 2164
老项目之前打包一直没有问题，且此次项目启动运行依然正常，但打包报了上述错误，因此肯定跟打包配置有关，且与UglifyJs有关，于是百度了一下，找到了如下解决方案，且成功解决了我的问题。
Vue打包报错Unexpected token: punc(()解决方案
weixin_34310785的博客
03-27 3556
（用vscode）vue项目打包时，报错，报错信息如下： ERROR in static/js/0.564c764efc3ecf31190c.js from UglifyJs Unexpected token: punc (() [App.vue?4b081dc6:15,0][static/js/0.564c764efc3ecf31190c.js:89,9] ERROR in sta...
webpack打包vue文件时报错`Unexpected token:`
要坚持，要认真。
05-09 2万+
webpack打包vue文件时报错Unexpected token:    master分支的代码编译打包一直都正常的，今天上午将一个同事的分支合并后就一直编译不过，走读代码发现改动也比较少，也不涉及到package.json中插件的更新，同时本地编译也完全正常，那阿里云CRP容器里面怎么会报错呢！最开始报错的地方是在UglifyJs里面，错误提示是：cannot read property of
webpack打包后提示 Unexpected token ＜
小怪獸丶的糖的专栏
12-02 1441
排查原因发现是js引入地址问题 <script type="text/javascript" src="/bundle.js/main.js" charset="utf-8"></script> 修改后的引用 <script type="text/javascript" src="./bundle.js/main.js" charset="utf-8"></script> demo测试目录 打包命令，新版的webpack 记得加-o，不然总是会提示c
Webpacck npm run build出现 Uglify SyntaxError: Unexpected token: punc ())
weixin_38991151的博客
08-08 1039
webpack打包时有可能遇到上面的问题，而且一直找原因也找不到，当时遇到这问题我也是找了一下午解决方案没找到，后来有人指路去stackoverflow才知道解决方法。 下面先放原文链接https://stackoverflow.com/questions/42375468/uglify-syntaxerror-unexpected-token-punc 英语好的可以直接看原文或者谷歌翻译。前两个...
《Webpack 报错》Module parse failed: Unexpected token
最新发布
前端技术
06-13 896
【代码】webpack5 打包报错：Module parse failed: Unexpected token。
解决webpack打包错误：Unexpected token: name (raf)
一捆铁树枝的博客
06-14 6349
在使用webpack模板的vue-cli项目时，打包的时候会报错，错误内容如下： ERROR in main.b05fb3748db2b4de34df.js from UglifyJs Unexpected token: name (raf) [main.b05fb3748db2b4de34df.js:44619,4] Child html-webpack-plugin for "..\inde...
解决vue打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有...经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
解决vue打包后刷新页面报错：Unexpected token
12-12
前言 今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。 怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题，其他页面完全正常 正文 报错截图： 根据上面的情况和以往经验，应该在index.html页面及发生错误的页面定位问题，但均解决不了问题。 最后找到此项目的路由处，经过多次测试，解决问题，也确定了问题原由，原来是：路由中path的值不能以小写m开头，否则就会报上面的错误。 在此写下报错环境及条件： vue版本：2.5.2 vue-router：3.0
webpack 解决unexpected token export_Webpack 教程：加载 JavaScript
weixin_32642109的博客
01-22 1653
Webpack 默认支持 ES2015 的模块定义，但是在进行代码转换的时候，像const这样的语法并不会被转换。这样的话，在一些老旧浏览器中就会产生很多问题。为了能更好的理解 Webpack 的默认输出，我们将 Webpack 的mode参数设置为none, 然后观察一下构建输出：dist/main.js.../***/ ((__unused_webpack_module, ...
webpack打包出错：... UglifyJs Unexpected token name(...)解决方案
sinat_36227086的博客
04-15 5271
1.问题描述： 使用webpack打包的时候出现Unexpected token: name的错误，完整报错如下： ERROR in js/app.beef0790.js from UglifyJs Unexpected token: name (result) [./node_modules/_node-rsa@1.1.1@node-rsa/src/formats/openssh.js:12,0][static/js/vendor.4e305fead8c777fd6b59.js:81119,12....]
webpack打包错误 ERROR Module parse failed: Unexpected token以及 WARNING in configuration
yokimiya
07-25 3560
输入命令：webpack .\src\main.js .\dist\bundle.js 报错如下： 1.首先先说黄色的Warning 黄色警告是因为webpack4引入了模式,有开发模式,生产模式,无这三个状态。可以看到末尾并没有生成我们所打包的main.js的信息，黄色部分的警告的意思是，没有设置模式,有开发模式和生产模式两种，那我们该怎么做呢？ 找到package.json.添加上”dev...
webpack 打包json文件，报 Unexpected token, expected ";"错误解决方案
weixin_42649842的博客
12-15 1684
用webapck打包项目时，由于项目使用了json文件，打包完成后，报出了一下错误。 webpack本身是支持json文件读取的，可打包完成后却报这样的错误。这个报错是babel-loader在报错，也就是说，打包的时候，babel-loader去解析了json文件。babel是js的编译工具，可以把js、ts、react的语法，根据需求编译成浏览器识别的代码。json不属于js，但现在它被当作...
错误：Unexpected token import
john987321456的博客
11-26 2760
错误Unexpected token import 注意: 按需加载import因为是es6语法，需要安装插件 1、安装插件（@babel/plugin-syntax-dynamic-import） npm install --save-dev @babel/plugin-syntax-dynamic-import 2、在babel.config.js配置文件中声明该插件 module.exports = { "presets": [ "@vue/app" ],
SyntaxError: Unexpected token ‘:‘，TS项目报错
qq_62138007的博客
07-15 3877
SyntaxError: Unexpected token ':'，TS项目报错
Unexpected token, expected ";"报错
热门推荐
要做一个猛男的博客
04-17 8万+
Unexpected token, expected “;” 这个报错告诉你的位置有时不是准确的位置（真的被恶心到了，一直看不出哪里有错，原来是删除源码的时候把{给删除了），你要检查是不是少了{},或者是否是中文，即可。 ...
解决 Unexpected token ‘:‘ 错误解决方法
Y4258的博客
02-28 9598
Unexpected token 报错解决方法
webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc «(», expected punc
06-06
这个问题可能是因为 ...这样修改之后，webpack 打包压缩 ES6 文件时，就会先使用 babel 将其转换成 ES5 代码，再使用 UglifyJs 进行压缩，就不会再出现 `Unexpected token punc «(», expected punc` 的错误了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值