使用JetBrains Rider发布Blazor .NET 8 Web App时缺失.html文件

你不需要手动从App.razor创建index.html——手动创建的文件会因为缺少Blazor框架的关键初始化逻辑而无法正常运行。正确的做法是通过官方发布流程生成完整的部署文件，具体步骤如下：

1. 重新发布Blazor项目生成标准index.html #

在开发环境中执行官方发布流程，会自动生成包含所有依赖关联的index.html及配套文件：

• 在Visual Studio右键项目 → 选择「发布」
• 选择「文件夹」作为发布目标，指定本地目录
• 发布完成后，打开目标目录下的wwwroot文件夹，这里包含自动生成的index.html、_framework文件夹（Blazor运行核心）、所有静态资源及第三方库文件

2. 修复手动创建的index.html问题（临时方案） #

如果你暂时无法重新发布，可修改现有index.html，移除Blazor组件标记并调整结构：
你的文件中<Routes />和<HeadOutlet />是Blazor组件语法，静态HTML无法解析这些标记，需删除并保留框架初始化容器：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <base href="/" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css" rel="stylesheet" />
    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="app.css" />
    <link rel="stylesheet" href="RDL.styles.css" />
    <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap" rel="stylesheet">
    <link rel="icon" type="image/png" href="favicon.png" />
</head>
<body>
    <div id="app">Loading...</div>
    <div id="blazor-error-ui">
        发生未处理错误。
        <a href="" class="reload">重新加载</a>
        <a class="dismiss">🗙</a>
    </div>
    <script src="_framework/blazor.webassembly.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"></script>
</body>
</html>

3. GoDaddy部署注意事项 #

• 将发布生成的整个wwwroot文件夹内容上传到GoDaddy站点根目录（通常为public_html或wwwroot）
• 若遇到资源加载失败，检查服务器MIME类型配置：可在.htaccess文件中添加以下规则确保Blazor文件被正确识别：

AddType application/wasm .wasm
AddType application/octet-stream .dat

内容的提问来源于stack exchange，提问作者Joshtralia