为什么我的 Angular 8 项目在 GitHub 页面上不起作用

Why my Angular 8 project doesn't work on GitHub pages

你能帮帮我吗?我正在尝试将 Angular 8 个个人项目部署到 GitHub 页,但它显示为空白,我不知道为什么。

这是我第一次尝试使用 GH-pages 进行部署,我没有使用 angular cli 工具在 gh 上进行部署,只是创建了一个新的存储库然后我已经添加了所有编译文件。

这是我的存储库。 https://github.com/Gerguevara/angularnews

这是 gh-pages url https://gerguevara.github.io/angularnews/

我也试过使用 NOW 部署它,但我不能,我遇到了同样的问题。

我必须说这很有趣,因为我能够加载它。 Proof

您是否尝试过将其放入 Web 服务器并查看其运行方式。了解在本地加载文件会给您带来问题,因为没有权限不允许访问本地文件。

只是为了一点额外的帮助。

我注意到的一件事是在我看到的你的第一条新闻中:

[[getSimpleString(data.title)]] [[getSimpleString(data.description)]] [[getSimpleString(data.videoCountText)]]

这个问题表明您需要在编程中更具防御性。确保只有可以正确显示的数据从您的 API 或服务器调用返回。此外,您可以将每个新闻条目设为一个组件,并且 hide/show 只有在有足够的数据可用于显示时才作为组件。

祝你编程愉快 ;-)

发生这种情况是因为您在部署到 github 之前没有设置您的应用程序基础 href。您的应用正在“https://gerguevara.github.io/" directory, not in your respository "https://gerguevara.github.io/angularnews”目录

中查找文件

在您的 index.html 文件中,<base href="/"> 部分应该是 <base href="angularnews">。您可以使用 CLI 或 IDE

更改它