【发布时间】:2021-08-29 09:11:33
【问题描述】:
我有一个 Visual Studio 项目,其中包含一个用于测试的简单 React ClientApp。客户端应用程序运行良好,直到突然不行。 (当我在项目中添加一个静态 wwwroot 文件夹时,它可能已经损坏,但它已经被删除了——我当时正在使用不同的 React 应用程序进行测试,所以我并没有太在意我的管理实用程序应用程序是否是仍在工作。)
现在我无法让 webpack-dev-server 为 React 应用程序提供服务。我试过了:
- /无效,
- npm 构建
- 更改服务器运行的端口
- 从不同的浏览器点击它。
- npm 缓存清理 --force
- 当这个前端确实可以工作时,恢复到项目的早期版本
奇怪的是,如果我直接在 ClientApp 文件夹中运行 npm start,应用程序运行良好。出于工作流程的原因,以及只是想了解它是如何工作的,我想继续使用 VS 启动的版本。
症状是它只是显示 Index.html 页面,并没有加载应用程序。在 Chrome 中,它一直无法加载 0.chunk.js,并出现错误 ERR_HTTP2_PROTOCOL_ERROR。在 Firefox 中,加载此文件没有错误,但仅显示 index.html 文件。
我可以导航到 /webpack-dev-server 并且一切看起来都不错。我可以从那里点击进入所有单个文件。
任何关于如何诊断这种情况的想法都很棒!
【问题讨论】:
-
另一个数据点:克隆一个干净的 repo 版本并检查一个确实可以工作的版本也仍然被破坏。 webpack-dev-server 只是有时交付文件。所以这似乎一定是与 IIS Express 的一些交互?也许?
-
但仍然以某种方式特定于该项目,因为以相同方式配置的全新项目可以正常工作。
标签: reactjs visual-studio webpack create-react-app