【问题标题】:webpack-dev-server failing to load 0.chunk.js from Visual Studiowebpack-dev-server 无法从 Visual Studio 加载 0.chunk.js
【发布时间】: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


【解决方案1】:

FWIW - 如果有人遇到此问题,解决方案是简单地将 Microsoft.AspNetCore.SpaServices.Extensions 更新到最新版本(在本例中为 5.0+)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-10-01
    • 1970-01-01
    • 2018-11-09
    • 2018-01-20
    • 2020-11-19
    • 2022-12-04
    • 1970-01-01
    相关资源
    最近更新 更多