启动服务器后无法加载反应应用程序答案

【问题标题】：Cant load a react app after starting server启动服务器后无法加载反应应用程序
【发布时间】：2022-01-24 21:32:45
【问题描述】：

(node:13176) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' 选项已弃用。请使用“setupMiddlewares”选项。（使用node --trace-deprecation ... 显示警告的创建位置）（节点：13176）[DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning：“onBeforeSetupMiddleware”选项已弃用。请使用“setupMiddlewares”选项

React is loading continuously after starting server

【问题讨论】：

仅供参考：已为其创建了一个问题：github.com/facebook/create-react-app/issues/11860

标签： reactjs loading middleware router

【解决方案1】：

这是一个弃用警告，意味着您需要开始使用新建议的方式来配置您的中间件。不要使用onBeforeSetupMiddleware 和onAfterSetupMiddleware，而是使用setupMiddlewares-property。

文档本身可以在 Webpack 的网站上找到（这里是：https://webpack.js.org/configuration/dev-server/#devserversetupmiddlewares）

配置将如下所示（来自onBeforeSetupMiddleware 和onAfterSetupMiddleware）：

setupMiddlewares: (middlewares, devServer) => {
    middleware1(devServer.app)
    middleware2(devServer.app)

    return middlewares
},

解决此问题的另一种有用方法是查看其他人为解决此问题而编写的代码。我发现这个例子很有帮助：https://github.com/facebook/docusaurus/pull/6168

【讨论】：

【解决方案2】：

这只是来自您在应用程序中使用的库之一的弃用警告，您是否尝试在本地打开 http://localhost:3000？它应该运行良好

【讨论】：

【解决方案3】：

我有同样的错误。

身份验证中间件（在我的情况下为 AWS Amplify Auth）更改不正确，我的 webpack 配置产生了错误。我的解决方法是重新安装 clean 然后调试错误。

所以删除 package-lock.json，删除 node-modules 文件夹，然后用“npm i”重新安装。

虽然这并没有找到问题的根源，但它至少应该可以启动开发服务器以查看任何错误。

【讨论】：