angular - Github Pages 只显示 Anguar 项目的 readme.md 文件

Question

我已经阅读了该站点上与同一问题有关的其他两个主题，但没有任何解决办法，而且它变得如此令人沮丧，因为我真的想建立一个投资组合。

我尝试通过 Github Pages 托管我的几个 Angular 应用程序，无论我做什么，它都只会显示 readme.md 文件或 404 错误页面。我尝试更新我的 CLI 版本，将 angular.json 更改为具有不同的 outputPath（只是 dist 文件夹），使用不同的命令行提示将目录称为“dist”文件夹，删除自述文件（ !!!），使用我的 index.html 页面中的代码制作一个 404 错误 html 页面——基本上是我在互联网上可以找到的每一个解决方案。我的页面在本地服务就好了。

我也尝试过通过 Firebase 和 Heroku 部署它们，它们都只是给了我通用的错误页面。我真的不明白我做错了什么。我构建它，启用 ghpages，然后执行 ngh 命令。它在控制台中没有给我任何错误。

标签： angularfirebaseangular-cligithub-pages

Answer 1

首先转到您的存储库设置并搜索选项卡GitHub Pages。

您必须选择一个 Source 部分master brnch / docs folder（请参见下面的 img）。

现在创建一个以docs根目录命名的目录。

然后运行命令ng build --prod，命令完成后，您必须将dist/目录的内容复制到docs/文件夹中。

可选地，您可以修改您angular.json以将构建输出写入docs/文件夹。只需将输出路径更改为"outputPath": "docs/".