在 Github 页面上发布 Angular 项目时出现 404 页面未找到错误答案

【问题标题】：404 page not found error while publishing Angular project on Github pages在 Github 页面上发布 Angular 项目时出现 404 页面未找到错误
【发布时间】：2020-12-18 22:50:21
【问题描述】：

我正在尝试使用 https://krishnaveer7712.github.io/Reactive-and-Dynamic-Web-Page/ 的 Github 页面发布我的 Angular 项目 https://github.com/KrishnaVeer7712/Reactive-and-Dynamic-Web-Page，但我收到错误 404 Page not found。当我在 localhost 上打开我的项目时，它工作正常。

我已经完成的步骤：

ng build --prod --base-href /Reactive-and-Dynamic-Web-Page/ 工作正常

gh-pages -d dist（已发布）

我不知道我在哪里做错了，谁能告诉我可能是什么原因。

【问题讨论】：

查看这个官方documentation
查看我的帖子：medium.com/javascript-in-plain-english/…
@MiroslavMaksimovic 感谢您的回复，但脚本“npm run build-and-deploy-gh-pages”不起作用，出现错误：“npm ERR！缺少脚本：build-and-deploy-gh-pages'
你必须把这个脚本放在你的包 json 脚本数组中："build-and-deploy-gh-pages": "ng build --prod --base-href ./ && npx ngh --dir dist/[reponame]" 或者在终端中像这样运行它：ng build --prod --base-href ./ && npx ngh --dir dist/[reponame]
文章末尾有一个工作仓库：github.com/ngQuad/website/blob/develop/package.json

标签： angular github angular-cli http-status-code-404 github-pages

【解决方案1】：

也许您必须指定构建目录而不是 dist 目录

gh-pages -d dist/your_application_name

希望对你有帮助

【讨论】：

感谢您的回复，但我也已经尝试过 'gh-pages -d dist/Reactive-and-Dynamic-Web-Page'（已发布）但给出相同的错误 404 页面未找到。
您好，解决您的问题的一个可能方法是在构建应用程序时在 base-href 参数中指定绝对 URL（在本例中为 krishnaveer7712.github.io/Reactive-and-Dynamic-Web-Page）。有关更多信息，请参阅本文medium.com/tech-insights/…。希望这可以帮助你。