Github Pages仅显示Anguar项目

Question

我已经阅读了本网站上与同一问题相关的其他两个主题，但是没有任何解决方案可以解决，并且它变得令人沮丧，因为我真的很想建立一个投资组合。

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

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

Answer 1

首先转到您的存储库设置，然后搜索标签GitHub Pages。

在抽动中有一个Source部分，您必须选择master brnch / docs folder（请参见img bellow）。

现在在根目录中创建一个名为docs的目录。

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

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