Angular 4应用程序适用于本地但不会加载到Github中

时间:2017-07-22 19:09:41

标签: angular github-pages

这是我第一次尝试创建角度4应用程序。我创建了一个非常简单的角度4应用程序。它在我的本地正确加载但是当我部署到github时,只加载index.html。组件文件不绑定。我尝试过的事情 - 确保我已将docs文件夹映射到github。我尝试部署dist文件夹而不是源代码。我尝试将base-href值更改为"。"," /"," &#34 ;.这是指向我的网页的链接:https://itsy-bitsy.github.io/adventures/,我的回购邮件是https://github.com/itsy-bitsy/adventures。我一直试图将它发布几天,而不是想法。我真的很感激我对错误的看法。

1 个答案:

答案 0 :(得分:2)

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

Data$Date<- as.Date(Data$Date,"%d/%m/%Y" ) # date format now 'yyyy-mm-dd'
Data$Time <- as.POSIXct(strptime(Data$Time, "%H:%M:%S"))
print(class(Data$Date))
print(class(Data$Time))

Data1 <- subset(Data, Date > "2006-12-16") 

View(Data1)

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

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

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

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 ]

Github存储库 - https://github.com/rahulrsingh09/Deployment