無法使gh頁面與Angular項目一起使用

Question

我正在開發Angular項目，並希望通過gh-pages通過GitHub托管該項目。

由於index.html文件不在根目錄中，因此我在主目錄下創建了一個空分支，並將其命名為gh-pages。 然后，我將文件復制到新分支中，以便index.html文件位於根目錄中。

我也在使用Grunt，所以我也將grunt生成的app.js文件也復制到了根目錄中。 現在，如果我轉到http://kelseysteele.github.io/votm3/#/home ，則可以在瀏覽器中看到該項目，但是缺少導航欄和其他頁面，例如http://kelseysteele.github.io / votm3 /＃/ overview ，無法正常工作。

我已經堅持了幾天，對此非常感謝。

Answer 1

檢查控制台，您將看到錯誤： GET http://kelseysteele.github.io/data/overview-data.json 404 (Not Found)

在此處修復網址： https : //github.com/KelseySteele/votm3/blob/master/src/votm3/Scripts/controllers/overview-controller.js#L10

Answer 2

因為使用的是grunt，所以您需要在提供文件之前先構建項目。 這將使文件和代碼模塊在提供index.html之前正確構建。 您可以使用的一個受歡迎的模塊是https://github.com/tschaub/grunt-gh-pages，它可以使您的構建正常運行。