解决UglifyJs Unexpected token punc «{», expected pun 报错问题

今天打包别人的代码，突然遇到一个问题，npm run serve可以跑起来，但是npm run build却报错，报错如下：

Unexpected token punc «{», expected punc «(» [js/app.e00f16ea.js:1249,10]

我开始还以为你代码中哪里标点符号的问题，把整个代码过了一边，眼睛都麻了，还好代码量不多，然而并没有发现是啥问题，后来就把报错信息百度了一下，才发现是UglifyJs打包最新语法的JS代码会出现问题，才引起的这个错误。解决方案就来了，换掉uglifyjs-webpack-plugin这个打包插件，用terser-webpack-plugin这个插件即可，代码如下，在vue.config.js里面更新如下代码：

//const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
const TerserPlugin = require("terser-webpack-plugin")
module.exports = {publicPath: './',//根路径 cli3.0以上使用publicPath//assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面outputDir:'dist',//打包的时候生成的一个文件名lintOnSave:false,//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'\configureWebpack: config => {if (process.env.NODE_ENV === "production") {// 为生产环境修改配置...config.mode = "production";// 重要是这里，这里修改下config.optimization.minimizer = [new TerserPlugin({terserOptions: {compress: {warnings: false,drop_console: true, //consoledrop_debugger: true,pure_funcs: ['console.log'] //移除console}}})]} else {// 为开发环境修改配置...config.mode = "development";}}}

问题即可解决！

解决UglifyJs Unexpected token punc «{», expected pun 报错问题相关推荐

webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc «(», expected punc
转载于:https://www.cnblogs.com/mafeng/p/7787619.html
ERROR in static/js/0.6355f688e1657030acc6.js from UglifyJs Unexpected token: punc (() [./~/time-form
ERROR in static/js/0.6355f688e1657030acc6.js from UglifyJs Unexpected token: punc (() [./~/time-form ...
webpack打包时出错：ERROR in index.js?c20a42392c6d1abf69df from UglifyJs Unexpected token: punc (()
vue项目中使用elementUI官方模版构建的项目,打包时出错: ERROR in index.js?c20a42392c6d1abf69df from UglifyJs Unexpected to ...
解决：Unexpected token (START_OBJECT), expected START_ARRAY: need JSON Array to contain As.WRAPPER_ARRA
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. redisTemplate 报错: Caused by: com.fasterxml.jack ...
UglifyJs Unexpected token: punc (,)
vue打包报错: 查到几种可能原因,一一排除 @click 调用方法传参多了个逗号仔细检查了,确认没有写多逗号 uglifyjs-webpack-plugin代替webpack.optimize.U ...
vue-cli webpack 打包报错：Unexpected token: punc (()
本来项目完美打包,后来我增加了一个插件vue-ionicons,打包build就是报错: ERROR in static/js/8.017e5cf2d2f1a552890d.js from Uglif ...
已解决ERROR in static/js/vendor.4925c830bef16dced0c0.js from UglifyJs Unexpected token: name (i)
在项目打包时报错 ERROR in static/js/vendor.4925c830bef16dced0c0.js from UglifyJs Unexpected token: name (i) ...
error in static/js/xxx.js from UglifyJs Unpected token: punc() [static/js/xxx.js]
出现问题使用vue+element-ui+webpack开发项目时,Jenkins构建出现报错error in static/js/xxx.js from UglifyJs Unpected tok ...
ERROR in static/js/xxx.js from UglifyJs Unexpected token name «currentVersion»
ERROR in static/js/xxx.js from UglifyJs Unexpected token name «currentVersion», expected punc 遇到这种异常 ...

解决UglifyJs Unexpected token punc «{», expected pun 报错问题

解决UglifyJs Unexpected token punc «{», expected pun 报错问题相关推荐

最新文章

热门文章