vue 项目npm run build 报错ERROR in .js from UglifyJs Unexpected token: punc ())

最新推荐文章于 2024-04-25 13:53:08 发布
原创 最新推荐文章于 2024-04-25 13:53:08 发布 · 654 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在使用cnpm下载项目依赖时遇到多个提示'deprecated'的错误，导致npm run build失败。错误详细信息包括.js文件在压缩时遇到意外的token错误，以及子进程extract-text-webpack-plugin的失败。这可能是由于过时的包或者webpack配置问题导致。解决方法可能涉及更新依赖、修复webpack配置或调整构建流程。

最近用cnpm 下载项目依赖插件是，多个依赖提示 “deprecated”

npm install 因为有多个依赖提示 “deprecated”，不知道是怎么回事？

在这里插入图片描述

项目npm run build失败，报错。。。。

ERROR in .js from UglifyJs Unexpected token: punc ()) [10.2d7028889bc63f1c3a27.chunk.1612515204492.js:150,203] Child extract-text-webpack-plugin:

有大佬知道不？

vue2/3 - 打包出现报错：ERROR in static/js/xxx.js from UglifyJs Unexpected token: name(toSJISFunction)完美解决!
高级前端工程师
03-01 3772
vue，vue2打包报错，vue3打包时报错，npm run build，无法打包怎么办，打包时出现报错ERROR in static/js/xxx.js from UglifyJs Unexpected token: name(toSJISFunction)如何解决，如何解决build打包时出现报错，vue报错，解决报错，终端提示错误，浏览器报错，vue如何解决项目最终打包时出现报错，vue3 build打包报错，vue2执行biuld打包命令时报错，build打包命令，vue2/3 - 打包出现报错：E
ERROR in static/js/0.6355f688e1657030acc6.js from UglifyJs Unexpected token: punc (() [./~/time-form
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
09-16 878
ERROR in static/js/0.6355f688e1657030acc6.js from UglifyJs Unexpected token: punc (() [./~/time-formater/lib/timeformater.js:21,0][static/js/0.6355f688e1657030acc6.js:41766,10] 解决办法：
vue打包出错ERROR in xx.js from UglifyJs Unexpected token: punc (()[xx.vue][xx.js]
weixin_42082108的博客
06-17 1606
该错误是因为es6语法没有打包成功，去对比该vue51行代码和打包后的该js1441行代码就知道了，我这个是因为函数语法没有打包成功 解决办法 第一种办法，修改es6，不要使用es6，全部使用es5，往往最简单的是最好的。 第二种办法：不同的版本做法可能不一样： 在工程目录下新建.babelrc文件 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "l...
vue 打包npm run build报错Unexpected token: punc (() [static/js/0.739c7d2b56384f8c9c1d.js:7425,8]
11-14 455
同事电脑可以对工程进行打包，我的电脑就报错，研究了好久终于找到了原因。 在工程项目下建.babelrc文件 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 vers...
ERROR in build.js from UglifyJs Unexpected token operator «=», expected punc «,»
热门推荐
路海平的博客
10-16 1万+
最近在做vue项目，用的 webpack-simple 模板。开发过程中都没有问题。当打包上线的时候出现问题了。也就是运行 npm run build //这个大家都知道是上线时打包用的，会把代码压缩。 提示了如下错误 ERROR in build.js from UglifyJs Unexpected token operator «=», expected punc «,» [./node_...
vue2.x 在引用插件的时候，npm run dev跑正常 ，npm run build 报错vue-cli Unexpected token: punc (() [...
weixin_34257076的博客
11-30 339
这是因为，引用的插件在node_modules里，并不在vue-cli的es6编译范围内，所以语法报错，修改方法： 转载于:https://www.cnblogs.com/cynthia-wuqian/p/7928228.html
【已解决】ERROR in static/js/xx.js from UglifyJs Unexpected token: punc (() [./~/xx/xx.js:52620,12]
故里的博客
04-25 2360
ERROR in static/js/xx.js from UglifyJs Unexpected token: punc (() [./~/xx/xx.js:52620,12]
webpack打包出错：... UglifyJs Unexpected token name(...)解决方案
sinat_36227086的博客
04-15 5554
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....]
error in script.xxxxjs from terser Unexpected token: punc(.)
最新发布
09-20
在处理脚本 `.xxxxjs` 文件中 Terser 出现 `Unexpected token: punc(.)` 错误时，可以参考以下几种方法： ### 方法一：更新 UglifyJsPlugin 当遇到类似 `Unexpected token` 异常时，可运行 `npm i -D uglifyjs-...
使用iview-project 打包build报错，ERROR in xxxxx.cheunk.js from UglifyJs
weixin_30697239的博客
03-26 154
一、iview-project 为iview官方推荐工程，一个基于iview的vue脚手架 　　github网址：https://github.com/iview/iview-project 废话不多说，直接进入主题 二、build报错及原因 1、报错 大部分报错内容 ERROR in xxxxx.cheunk.js from UglifyJs 2、...
用HBuilderX创建element-starter项目，运行npm run build进行打包时报错unexpected token: punc (() [src/app.vue:12,0]
l1111yz的博客
03-01 1640
@[TOC](用HBuilderX创建element-starter项目，运行npm run build进行打包时报错unexpected token: punc (() [src/app.vue:12,0]) 原因 缺少.babelrc文件，导致babel没有生效，es6没有办法转为es5（太坑了，HBuilderX生成element-starter这个模板的时候竟然少生成了一个文件！） 解决方式 网上说了一大堆解决方式，但我试了一下发现都不顶用 (应该是我不知道怎么因地制宜地使用那些方法) 折腾了好久，
vue+iview项目webpack打包报错：Unexpected token: punc (() / punc (>)
lvdou1120101985的博客
11-13 1770
昨天第一次尝试打包，因为用的是vue-cli，所以直接执行npm run build就可以了。 但是执行完成报错了： ERROR in 0.866cdedf48bcb07fd685.chunk.js from UglifyJs Unexpected token: punc (() [0.866cdedf48bcb07fd685.chunk.js:1173,13] ERROR in 1.866...
UglifyJs 压缩 报错 Unexpected token name «i», expected punc «;»
墨荷清香
10-10 8298
场景 webpack中使用UglifyJs打包项目时，抛出了这个异常，导致无法打包成功。奈何失败的错误提示信息只有寥寥数语，根本无法定位到问题代码的位置 ERROR in build.js from UglifyJs Unexpected token operator «=», expected punc «,» [./node_modules/quill-image-extend-module/...
Vue打包ERROR in static/js/vendor.30803ec7e15549e61a1e.js from UglifyJs Unexpected token: punc ())
On the way
03-02 1036
最近遇到一个关于打包的问题，问题的原因出自引入了第三方插件jsencrypt来实现加密解密功能，从而导致在打包的时候出现如下错误： 于是在网上进行查询搜索后都说是引入了一部分 ES6 的写法，导致 webpack 打包失败，但按这种方式尝试后打包依旧报错不成功。 在经过仔细观察打包错误后发现是[./node_modules/jsencrypt/bin/jsencrypt.min.js:2,218]这行错误最终引起的，于是将/node_modules/jsencrypt/bin/里的bin文件夹进行替换（
vue打包时候出现 UglifyJs Unexpected token: punc
帅的博客
01-02 654
vue打包时候出现 UglifyJs Unexpected token: punc
处理webpack npm run build 时 UglifyJs 报错
dream19921216的博客
09-13 5476
1.问题描述 我用vue写着一个项目，之前打包一直是没问题的，但是一次打包突然这样报错了，查了下是因为es6未被重新编译导致的 ERROR in static/js/vendor.63e5e42ceeff268eafda.js from UglifyJs Unexpected token: name (idSeed) [./~/element-ui/src/utils/popup/inde...
记录一次使用了UglifyJs插件npm run build报错的问题
weixin_43530377的博客
01-08 449
如图，npm run build打包，报js文件某行报错，实际上是这个文件用了es6的语法，导致UglifyJs无法压缩 那么我们可以使用babel-loader先去处理下。配置时注意要配置在node_modules中的实际路径。具体配置如下： webpack.base.conf.js文件中关于js的配置处，加上 resolve(‘报错的文件或指定文件夹’) ...
ERROR in static/js/app.19926d0971b206ef3551.js from UglifyJs Unexpected token: punc (() [./node_modules/vue-demi/lib/index.mjs:64,0][static/js/app.19926d0971b206ef3551.js:45268,9] Build failed with errors.
03-27
<think>好的，我现在需要解决用户在构建Vue项目时遇到的UglifyJs处理vue-demi出现的Unexpected token错误。首先，我得回顾一下用户提供的引用内容，看看有没有相关的解决方案。 根据引用3和引用5，问题通常是因为某些依赖没有被Babel正确转译，导致UglifyJs无法处理ES6+语法。UglifyJs本身不支持ES6，所以需要先用Babel将代码转成ES5。用户提到vue-demi可能位于node_modules里，而默认情况下，Babel不会处理node_modules中的文件，所以需要显式包含这些依赖。 接下来，检查webpack配置，确保在babel-loader的include中包含vue-demi的路径。引用4中提到需要将element-ui的路径添加到include中，类似的，这里应该添加vue-demi的路径。可能需要修改webpack.base.conf.js中的babel-loader配置，把resolve('node_modules/vue-demi')加进去。 另外，引用3指出需要正确的Babel配置，比如使用@babel/preset-env和stage-3预设。确保项目中有.babelrc或babel.config.js文件，并正确配置presets，特别是处理ES6模块的转换。如果之前没有配置，添加这些预设可能会有帮助。 还有可能，用户使用的UglifyJs版本过旧，可以考虑改用terser-webpack-plugin，它支持ES6+代码的压缩。这在较新的Vue CLI项目中可能是默认的，但如果是旧项目可能需要手动替换。引用5提到修改构建配置，可能包括更新压缩工具。 最后，确认vue-demi的版本是否兼容当前的构建环境。有时候依赖库的更新可能修复了这类语法问题，升级到最新版本可能会有帮助。 总结步骤：1. 修改Babel配置包含vue-demi；2. 确保Babel预设正确；3. 更新压缩工具到terser；4. 检查依赖版本。需要逐步测试这些方法，找出具体原因。</think>### 解决UglifyJs处理vue-demi时出现Unexpected token错误的方法 #### 问题原因分析 该错误通常是由于以下原因导致： 1. **ES6+语法未被正确转译**：UglifyJs仅支持ES5语法，若`vue-demi`或相关依赖包含ES6+语法（如箭头函数、模板字符串等），未被Babel处理时会报错[^3][^5]。 2. **依赖未包含在Babel转译范围**：默认情况下，`babel-loader`会忽略`node_modules`中的文件。若`vue-demi`未被显式包含在转译路径中，其ES6+语法会直接传递给UglifyJs引发错误[^4]。 --- #### 解决方案步骤 1. **修改Babel配置** - 确保项目根目录存在`.babelrc`或`babel.config.js`文件，并配置`@babel/preset-env`： ```json // .babelrc示例 { "presets": [ ["@babel/preset-env", { "modules": false }] ] } ``` 或 ```javascript // babel.config.js示例 module.exports = { presets: [['@babel/preset-env', { modules: false }]] }; ``` 此配置会将ES6+语法转换为ES5。 2. **调整Webpack的babel-loader配置** - 在`webpack.base.conf.js`中，显式将`vue-demi`加入`babel-loader`的`include`路径： ```javascript // webpack.base.conf.js module.exports = { module: { rules: [ { test: /\.js$/, loader: 'babel-loader', include: [ resolve('src'), resolve('test'), resolve('node_modules/vue-demi') // 关键：包含vue-demi路径 ] } ] } } ``` 通过此配置强制Babel处理`vue-demi`的代码[^4]。 3. **替换压缩工具为terser-webpack-plugin** - 若项目使用Webpack 4+，建议使用`terser-webpack-plugin`替代UglifyJs（支持ES6+）： ```bash npm install terser-webpack-plugin --save-dev ``` 在`webpack.prod.conf.js`中添加配置： ```javascript const TerserPlugin = require('terser-webpack-plugin'); module.exports = { optimization: { minimizer: [new TerserPlugin()] } }; ``` 此方法无需转译即可直接处理ES6代码。 4. **检查依赖版本兼容性** - 升级`vue-demi`到最新版本： ```bash npm update vue-demi ``` 某些旧版本可能包含未被转译的语法，新版本可能已修复。 --- #### 验证流程 1. 清除缓存后重新构建： ```bash rm -rf node_modules/.cache npm run build ``` 2. 若仍报错，检查构建日志中具体报错文件路径，确认是否遗漏其他依赖路径。 --- ### 相关问题 1. 如何判断Webpack是否成功转译了`node_modules`中的代码？ 2. `babel-loader`的`exclude`和`include`规则优先级是什么？ 3. 使用`terser-webpack-plugin`时如何配置多进程压缩？ [^1]: 解决vue-cli element-ui打包报错Unexpected token: punc (() : vue项目编译时报错Unexpected token: punc ()) UglifyJs报错 : vue 构建失败 --Unexpected token: punc (() : vue2.x 在引用插件时npm run build报错
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值