在github页面上发布代码时angular2文件路径不匹配

Question

我正在尝试使用github页面发布我的angular2 todo应用程序，我已经按照github页面文档中给出的所有步骤，选择主题，选择文件夹即dist所有配置后我得到错误的文件丢失在这里像这样< / p>

任何发布我的应用程序的帮助都会受到关注。 这是repo的链接

https://github.com/PardeepJain/Mean

和链接

https://pardeepjain.github.io/Mean/dist/

更新

我想像我的代码一样发布我的代码

  

https://moyummy.github.io/ng2-lite/

Answer 1

在构建应用时包括。作为你的基础href

即

ng build --base-href .

然后推送到github。

Answer 2

1 - 如果您希望应用程序在根目录上运行 - 创建一个名为[yourgithubusername] .github.io的特殊仓库，并在主分支中填写这些文件

2 - 如果你想在不同于root的不同brach的子目录中创建这些页面，请创建一个分支gh-pages并在该分支中推送这些文件。

在这两种情况下，我们访问这些部署页面的方式都不同。

对于First Case，它将是https://[yourgithubusername].github.io，对于第二种情况，它将是[yourgithubusername] .github.io / [Repo name]。

如果假设您要使用第二种情况部署它，请确保更改dist中index.html文件的基本URL，因为所有路由映射都取决于您提供的路径，并且应设置为[/ branchname ]

相同的工作示例 - https://rahulrsingh09.github.io/AngularConcepts

和https://rahulrsingh09.github.io/Deployment/

请查看此参考资料 - https://github.com/rahulrsingh09/Deployment