vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题

下面是关于“vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题”的完整攻略：

问题分析

问题出现在打包的过程中，UglifyJs在处理某些文件时出现了错误，导致打包产生了错误。具体错误信息是 ERROR in static/js/xxx.js from UglifyJs undefined。在vue项目中，通常是在使用vue-cli打包时出现这样的问题。

解决方案

1. 升级 vue-cli-service

首先，可以尝试使用最新版本的 vue-cli-service，可以通过以下命令进行升级：

npm update -g @vue/cli-service

如果您的全局@vue/cli-service安装在3.x版本，则升级到最新版本时请注意，从3.x版本升级到新的版本时，可能需要更改.babelrc文件中的一些配置。

1. 禁用 UglifyJs

如果您不需要对打包后的代码进行混淆压缩，则可以禁用UglifyJs，以免出现这个异常。

打开vue.config.js文件，在其中添加以下配置：

module.exports = {
  productionSourceMap: false,
  configureWebpack: {
    optimization: {
      minimizer: []
    }
  }
}

这里面的minimizer项是用来配置代码压缩插件的，默认情况下Vue项目使用的是UglifyJsPlugin，所以将minimizer字段设置为空数组就可以禁用UglifyJs。

示例说明

• 示例1：使用最新版的vue-cli-service

小明使用 vue-cli 进行项目打包时，出现了“vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题”的报错信息。他上网搜索了一下解决方案，发现可以尝试使用最新版本的vue-cli-service，于是他执行了如下命令进行升级：

npm update -g @vue/cli-service

然后再次尝试打包，问题解决了。

• 示例2：禁用 UglifyJs

小红也遇到了“vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题”的问题，但她并不需要对打包后的代码进行混淆压缩，于是她打开了vue.config.js文件，在其中添加了以下配置：

module.exports = {
  productionSourceMap: false,
  configureWebpack: {
    optimization: {
      minimizer: []
    }
  }
}

然后再次尝试打包，问题解决了。