类型错误：无法读取未定义 + 更简洁的 webpack 插件 + react js 的属性“javascript”

Question

我最近添加了 terser-webpack-plugin 来缩小我的create react app代码。但是在构建项目时，我得到了一个错误，如TypeError: Cannot read property 'javascript' of undefined. 以下是我的控制台中的一些日志。请让我知道任何解决方法或更改来修复它。

控制台日志：

D:\a>npm run build:qa
> a@1.0.0 build:qa D:\a
> cross-env webpack --env.ENVIRONMENT=qa --config ./webpack.config.js --mode production --progress --colors
D:\a\node_modules\terser-webpack-plugin\dist\index.js:400
      const hooks = compiler.webpack.javascript.JavascriptModulesPlugin.getCompilationHooks(compilation);
                                     ^
TypeError: Cannot read property 'javascript' of undefined
    at D:\a\node_modules\terser-webpack-plugin\dist\index.js:400:38

我使用的 webpack 版本：

"webpack": "^4.44.1",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"

Answer 1

嗨，您正在使用 Webpack 4 和 Terser ^5.0.0。此版本的 Terser 适用于 Webpack 5，您需要"terser-webpack-plugin": "^4.2.3",在package.json文件中设置版本