TypeError:无法读取未定义+ terser webpack插件+ react js的属性“”javascript“”

Question

我最近添加了terser-webpack插件来简化我的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准备的，需要在package.json文件中设置"terser-webpack-plugin": "^4.2.3",版本