为什么我的 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
更改它
你能帮帮我吗?我正在尝试将 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