Angular 4应用程序在本地运行,但不在Github中加载

Angular 4应用程序在本地运行,但不在Github中加载,angular,github-pages,Angular,Github Pages,这是我第一次尝试创建angular 4应用程序。我已经创建了一个非常简单的angular 4应用程序。它在本地服务器上正确加载,但当我部署到github时,只加载index.html。组件文件未绑定。我尝试过的东西-确保我已将docs文件夹映射到github。我已尝试部署dist文件夹而不是源文件夹。我已尝试将基本href值更改为“.”“/”,“”。这是指向我的页面的链接:我的回购是。几天来,我一直想把它发表出来,但没有任何想法。我将非常感谢任何关于我可能做错什么的见解。确保进行构建,以将必要的

这是我第一次尝试创建angular 4应用程序。我已经创建了一个非常简单的angular 4应用程序。它在本地服务器上正确加载,但当我部署到github时,只加载index.html。组件文件未绑定。我尝试过的东西-确保我已将docs文件夹映射到github。我已尝试部署dist文件夹而不是源文件夹。我已尝试将基本href值更改为“.”“/”,“”。这是指向我的页面的链接:我的回购是。几天来,我一直想把它发表出来,但没有任何想法。我将非常感谢任何关于我可能做错什么的见解。

确保进行构建,以将必要的文件放入dist

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

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

然后将此文件推送到您创建的repo中

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

2--其中,如果要在的子目录中创建这些页面,而不是在根目录之外的其他分支中,请创建一个分支gh pages并将这些文件推送到该分支中

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

第一种情况是,第二种情况是[yourgithubusername].github.io/[Repo name]

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


Github Repository-

您的源代码没有对Angular build的引用。你应该运行ng build--prod,然后上传dist文件夹。这似乎是另一个问题,可能是@edmundordrigues的副本。我已尝试加载我的dist文件夹,但应用程序没有显示。我刚刚看到加载…@SergeyGultyaev-谢谢你的链接,我也将查看该解决方案。Rahul,非常感谢!那有帮助!从dist文件夹中获取这些文件并修复my index.html是关键!我终于把这一页出版了。