GitHub上的Angular 4 App部署问题

Question

https://coursetro.com/posts/code/64/How-to-Deploy-an-Angular-App-(Angular-4) 我已经按照本教程来部署我的Angular4应用程序，最后，我知道它已经发布但是当我访问我的Git Hub URL时，我看不到我的应用程序正在运行。

以下是我的存储库网址：

https://github.com/shekharramola/movieApp

Answer 1

部署

Github页面中的Angular 2部署

在ghpages中测试Angular2 Webpack的部署

首先从应用程序的Dist文件夹中获取所有相关文件

对我来说，资产文件夹main.bundle.js中的css文件是polyfills.bundle.js vendor.bundle.js

然后将此文件推送到您创建的仓库中。

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

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

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

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

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

Working Example Repo和LINK