构建新的 Vue CLI 3 项目时，如何修复 terser-webpack-plugin 中的“TypeError：无法读取未定义的属性“缩小”？

Posted 2023-02-22

【中文标题】构建新的 Vue CLI 3 项目时，如何修复 terser-webpack-plugin 中的“TypeError：无法读取未定义的属性“缩小”？

【英文标题】：How to fix 'TypeError: Cannot read property 'minify' of undefined' in terser-webpack-plugin when building a new Vue CLI 3 project?

【发布时间】：2019-06-27 03:46:42

【问题描述】：

我使用 Vue CLI 3 创建了一个新项目（配置：babel、pwa、eslint、mocha）。使用npm run serve 运行测试环境可以正常工作，但我无法构建用于生产的项目。

我安装了当前版本的 Vue CLI 3 并尝试创建具有不同配置的项目。我在构建项目时收到以下错误消息。

js/app.bb3f3c6e.js from Terser
TypeError: Cannot read property 'minify' of undefined
    at minify (/Users/.../untitled/node_modules/terser-webpack-plugin/dist/minify.js:176:23)
    at module.exports (/Users/.../untitled/node_modules/terser-webpack-plugin/dist/worker.js:13:40)
    at handle (/Users/.../untitled/node_modules/worker-farm/lib/child/index.js:44:8)
    at process.<anonymous> (/Users/.../untitled-adventure/node_modules/worker-farm/lib/child/index.js:51:3)
    at process.emit (events.js:188:13)
    at emit (internal/child_process.js:828:12)
    at processTicksAndRejections (internal/process/next_tick.js:76:17)

【参考方案1】：

这是 (vuejs/vue-cli#3407) 与 terser 3.16 依赖项的已知问题。

解决方法是现在安装 3.14：

npm i terser@3.14

【讨论】：

我在配置 webpack 时遇到了同样的错误。并安装npm i terser@3.14 修复它。谢谢