webpack - 当我将 react-dev-utils 更新到 @next 版本时。我找不到 typescriptFormatter 和 WatchMissingNodeModulesPlugin

标签 webpack create-react-app

将 webpack 从 4 更新到 5 时,出现错误:

TypeError: message.split is not a function
被扔进 react-dev-utils/formatWebpackMessages.js .
然后我更新 react-dev-utils到那时 @next解决这个问题的版本。
然而在@next版本,没有WatchMissingNodeModulesPlugintypescriptFormatterreact-dev-utils , 它们用于我的 webpack.config.jswebpack4 一起使用的文件.
我该如何解决这个问题,或者我的 typescript 项目中是否需要这两个实用程序?
谁能给我一个模板webpack.config.js对于使用 webpack5 的 typescript 项目?

最佳答案

我也有这个问题。
他们最终删除了 WatchMissingNodeModulesPlugin对于 Webpack 5,因此您也必须删除它的用法。这将是与此 PR 类似的更改:
https://github.com/facebook/create-react-app/pull/11170/files
同样,typescriptFormatter在此更改中删除:
https://github.com/facebook/create-react-app/pull/10004
为此,您需要对 webpack.config.js 进行相同的更改。文件。

关于webpack - 当我将 react-dev-utils 更新到 @next 版本时。我找不到 typescriptFormatter 和 WatchMissingNodeModulesPlugin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68827938/

相关文章:

webpack - 在 Next.JS 中从 SASS 访问环境变量

create-react-app 现在带有 eslint,人们现在如何运行 autofix?

node.js - 创建 react 应用程序 `npm run build` 仅构建 favicon.ico 文件?

node.js - 我无法通过 "create-react-app"创建 React 应用程序

css - 从 Webpack 1.x 迁移到 Webpack 2.x 的问题

javascript - 动态导入所有子文件夹导出

angular - 将 Angular 4 应用程序部署到 tomcat 后找不到背景图像

Webpack-Dev-Server 一直在寻找 src 文件夹

testing - 我是否正确运行 create-react-app 进行测试?

javascript - 为什么 create-react-app 将 App.js 文件创建为功能组件?