为啥我的 Angular 应用在​​ Github Pages 上是空白的？

Posted 2023-02-23

【中文标题】为啥我的 Angular 应用在​​ Github Pages 上是空白的？

【英文标题】：Why is my Angular app blank on Github Pages?为什么我的 Angular 应用在​​ Github Pages 上是空白的？

【发布时间】：2020-10-21 00:12:34

【问题描述】：

我正在尝试在 jhuynh13.github.io 的 Github 页面上托管我的 Angular 应用程序，但页面是空白的。我查看了开发者工具，我看到了这个错误：

加载资源失败：/runtime-es2015.c5fa8325f89fc516600b.js:1 服务器响应状态为 404 ()

我搜索了这个文件，我在 jhuynh13.github.io 的 repo 中找到了它：

我不确定我可以用这个文件做什么来调试。这里可能发生了什么？

【问题讨论】：

runtime-es2015 != runtime-es5。您的屏幕截图中没有该文件的 ES2015 版本。

【参考方案1】：

你的基本href看起来像

<base href="<jhuynh13.github.io>">

不过应该​​是这样的，改成这个

<base href="/">

【讨论】：

我在 index html 文件中进行了调整，但仍然存在相同的错误。

尝试通过设置 type="text/javascript" 而不是 type="module" 来解决。在 index.html 中

原来我不得不 ng 构建和更新 dist 文件夹，因为 ng serve 不会自动更新它。现在可以了。感谢您的输入

【参考方案2】：

我的 dist 文件夹已过时。我能够通过在角度 cli 中使用 ng build --watch 来修复它。现在可以了。