vue+element-ui打包时候出现 UglifyJs Unexpected token: punc 问题

深藏阁楼爱情的钟 2022-06-10 09:48 141阅读 0赞

昨天在打包vue+element-ui打包项目时出现了

ERROR in static/js/vendor.1c5ad0ffe5abfcdf0af6.js from UglifyJs
    Unexpected token: punc (() [./~/.1.4.2@element-ui/packages/row/src/row.js:24,0][static/js/vendor.1c5ad0ffe5abfcdf0af6.js:11183,9]

问题

以前一直使用vue的手脚架进行打包生成，一直好好的，不知道为什么两个月没打就出现了这个问题。

百度之。

发现是UglifyJs无法解析ES6的问题，而在1.4.2 element-ui的包估计有ES6的语法，所以才导致打包失败，找了很久之后，找到一个解决方法，就是在打包时，让babel去解析失败的包

修改

-build     --webpack.base.conf.js

找到解析js的module：  
原来：

module: {
        rules: [
         ...
          {
            test: /\.js$/,
            loader: 'babel-loader',//注意elementUI的源码使用ES6需要解析
            include: [resolve('src'), resolve('test')]
          },
          ...

修改后

module: {
       ...
          {
            test: /\.js$/,
            loader: 'babel-loader',//注意elementUI的源码使用ES6需要解析,注意，这里不要直接复制，还需要改element ui对应的版本号
            include: [resolve('src'), resolve('test'),resolve('/node_modules/.1.4.2@element-ui/src'),resolve('/node_modules/.1.4.2@element-ui/packages')]
          },
          ...

发表评论取消回复

表情：

评论列表（有 0 条评论，141人围观）

还没有评论，来说两句吧...

相关阅读

相关 UglifyJs 压缩报错 Unexpected token name «i», expected punc «;»

场景 webpack中使用UglifyJs打包项目时，抛出了这个异常，导致无法打包成功。奈何失败的错误提示信息只有寥寥数语，根本无法定位到问题代码的位置 ERR

男娘i/ 2023年06月06日 08:26/ 0 赞/ 47 阅读

相关前端打包工具UglifyJS使用入门

1、简介 UglifyJS是个包含JS解释器、代码最小化、压缩、美化的工具集，是前端开发打包的最常用工具之一。 CocosCreator引擎采用gulp管理构建流程，其

野性酷女/ 2023年05月29日 11:51/ 0 赞/ 8 阅读

相关 UglifyJs Unexpected token: keyword (const)

vue 打包配置uglifyjs时出现的错误： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

左手的ㄟ右手/ 2023年01月02日 02:29/ 0 赞/ 146 阅读

相关 vue+element-ui打包时候出现 UglifyJs Unexpected token: punc 问题

昨天在打包vue+element-ui打包项目时出现了 ERROR in static/js/vendor.1c5ad0ffe5abfcdf0af6.js from

深藏阁楼爱情的钟/ 2022年06月10日 09:48/ 0 赞/ 142 阅读

相关 vue 打包出错——Unexpected token: punc (})

vue 打包出错——Unexpected token: punc (\}) 在对vue进行打包的时候，出现了这样的错误： Unexpected token: punc

分手后的思念是犯贱/ 2022年06月08日 07:18/ 0 赞/ 735 阅读

相关 hibernate 出现unexpected token: xxx 解决办法

在使用hibernate hql 进行数据库查询时候，出现 unexpected token：xxx时，是由于，自己hql语句语法上有错误导致的，认真的

╰+哭是因爲堅強的太久メ/ 2022年06月08日 03:47/ 0 赞/ 218 阅读

相关 unexpected token "indent"

1、错误描述 F:\dojo\abcd\abcc\views\login\login.pug:3:1 1| doctype html 2| > 3| h1= titl

水深无声/ 2022年04月23日 03:10/ 0 赞/ 263 阅读

相关 Unexpected token <

html页面出现这种情况问题原因主要是由于js/css文件没有正常加载报错302可以在浏览器控制台查看文件加载的返回码 1.文件没有正常加载可能由于在html中引入的

傷城~/ 2022年03月15日 14:09/ 0 赞/ 280 阅读

相关解决webpack打包错误：Unexpected token: name (raf)

在使用webpack模板的vue-cli项目时，打包的时候会报错，错误内容如下： ERROR in main.b05fb3748db2b4de34df.js from Ugl

痛定思痛。/ 2022年01月14日 12:57/ 0 赞/ 728 阅读

相关 webpack 打包 UglifyJs 报错

Vue-cli 打包报错： ERROR in static/js/4.784ab4a1238de8e94312.js from UglifyJs Une

ゞ浴缸里的玫瑰/ 2021年11月11日 10:58/ 0 赞/ 534 阅读