.net-core - 静态 Web 应用程序显示“拒绝应用来自因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型”

Question

我将每当您通过dotnet new blazorwasm. 起初它工作正常，但是当我添加 webpack 来构建我的 SASS 文件时，一旦它被部署到 Azure SWA，它就会向我显示这个错误，上面写着： Refused to apply style from <URL> because its MIME type ('text/html') is not a supported stylesheet MIME type在 Blazor 生成的 CSS 文件和_framework/blazor.webassembly.js文件上；这很有趣，因为这些文件应该是 Blazor 生成的默认文件。

此外，在开发工具上查看的 MIME 类型对于这两个文件显示不正确，但在我添加 webpack 之前它们曾经具有正确的 MIME 类型。

webpack生成的CSS文件创建成功，可以在浏览器上查看。我还使用 SWA cli/emulator 测试了dotnet publish应用程序的版本，但没有遇到错误。

Answer 1

最后，我能够通过在我的 Github 工作流文件的构建和部署步骤中添加这一行来解决这个问题：

app_build_command: "npm run build && dotnet publish -c Release -o /bin/staticsites/ss-oryx/app/"

我在 Oryx 构建器上引用了此问题的解决方法，当它在同一目录中看到 package.json 和 csproj 文件时，它将项目视为 Node.js 而不是 Blazor。