【问题标题】:Why my Angular 8 project doesn't work on GitHub pages为什么我的 Angular 8 项目不能在 GitHub 页面上运行
【发布时间】:2020-06-02 01:09:15
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: angular github deployment github-pages angular-router


    【解决方案1】:

    发生这种情况是因为您在部署到 github 之前没有设置应用基础 href。您的应用正在“https://gerguevara.github.io/”目录中查找文件,而不是在您的存储库“https://gerguevara.github.io/angularnews”目录中

    在您的 index.html 文件中,<base href="/"> 部分假设为 <base href="angularnews">。您可以使用 CLI 或 IDE 进行更改

    【讨论】:

      【解决方案2】:

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

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

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

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

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

      这个问题表明你需要在你的编程中更加防御。确保您的 API 或服务器调用仅返回可以正确显示的数据。此外,您可以将每个新闻项都设为一个组件,并仅在有足够的数据可供显示时隐藏/显示该组件。

      快乐编程 ;-)

      【讨论】:

        猜你喜欢
        • 2020-09-03
        • 1970-01-01
        • 2019-09-06
        • 2014-09-07
        • 1970-01-01
        • 1970-01-01
        • 2021-03-30
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多