【问题标题】:angular2 file path mismatch while publishing code on github pages在github页面上发布代码时angular2文件路径不匹配
【发布时间】:2017-05-23 11:24:15
【问题描述】:

我正在尝试使用 github 页面发布我的 angular2 todo 应用程序,我已遵循 github 页面文档中给出的所有步骤,选择主题,选择文件夹,即在所有配置后我得到的文件丢失的错误在这里

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

https://github.com/PardeepJain/Mean

链接是

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

更新

我想像这个仓库一样发布我的代码

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

【问题讨论】:

    标签: angular github-pages


    【解决方案1】:

    在构建您的应用时,包括 .作为你的基础href

    ng build --base-href .
    

    然后推送到github。

    【讨论】:

    • 我可以知道这是什么意思吗?我的意思是. 这里的意义是什么?
    • 它将引用 index.html 目录参考
    【解决方案2】:

    1 -- 如果您希望应用程序在根目录上运行 - 创建一个名为 [yourgithubusername].github.io 的特殊 repo 并将这些文件 opush 到 master 分支中

    2 -- 如果你想在 root 以外的不同分支的子目录中创建这些页面,创建一个分支 gh-pages 并将这些文件推送到该分支中。

    在这两种情况下,我们访问这些已部署页面的方式会有所不同。

    对于第一种情况,它将是 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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-07-11
      • 2020-11-28
      • 1970-01-01
      • 1970-01-01
      • 2018-12-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多