我在编译过程中遇到一个错误。它似乎对webpack:中的ProgressPlugin不满意
/node_modules/webpack/lib/ProgressPlugin.js:205
compilation.hooks.addEntry.tap("ProgressPlugin", entryAdd);
TypeError: Cannot read property 'tap' of undefined
我知道webpack4的插件最近有一些变化。addEntry, failedEntry, succeedEntry
似乎不在编译挂钩的文档中-https://webpack.js.org/api/compilation-hooks/-我是不是错过了什么?
我的包.json deps:
"amazon-cognito-identity-js": "^2.0.30",
"array-move": "^1.0.0",
"aws-sdk": "^2.352.0",
"babel-loader": "^8.0.4",
"babel-plugin-styled-components": "^1.8.0",
"fuse.js": "^3.3.0",
"grid-styled": "^5.0.2",
"json-cycle": "^1.3.0",
"lodash": "^4.17.11",
"next": "^7.0.2",
"next-routes": "^1.4.2",
"node-fetch": "^2.2.1",
"path-match": "1.2.4",
"rc-time-picker": "^3.4.0",
"react": "^16.6.1",
"react-autocomplete": "^1.8.1",
"react-copy-to-clipboard": "^5.0.1",
"react-day-picker": "^7.2.4",
"react-dom": "^16.6.1",
"react-modal": "^3.6.1",
"react-places-autocomplete": "^6.1.3",
"react-scripts": "^1.1.5",
"react-spinners": "^0.4.7",
"react-stripe-checkout": "^2.6.3",
"react-stripe-elements": "^2.0.1",
"refunk": "^3.0.1",
"styled-system-html": "^2.0.2",
"webpack": "^4.25.1",
"webpack-dev-server": "^3.1.10"
在我的例子中,错误是我在resolve.plugins
下放置了一个插件,而不是直接在webpack配置中的plugins
中。解决方案来自:https://github.com/webpack/webpack/issues/8548#issuecomment-449829774
您有两个不同版本的webpack,您安装的那个版本会导致它崩溃。
不要自己安装webpack(从package.json中删除(,它已经安装在next.js 中了
这是因为不同的webpack。尝试运行此命令。
npm install --save-dev webpack@4.44.0
有点像一个旧线程,不一定是上面问题的解决方案,但我有冲突的包,通过解决了它
- 还原package-lock.json和package.json中的更改
- 运行npm-ci
它将删除node_modules目录,并根据您的package-lock.json文件安装软件包