部署角2應用程序github頁 - 失敗

我一直在試圖部署我的角2應用程序github頁，所以我可以查看託管的github鏈接上的應用程序，但沒有運氣到目前爲止。部署角2應用程序github頁 - 失敗

只要我完成了我的應用程序，我跑以下命令：

ng build --prod 

git remote add origin "My REPO" 
git commit -a 
git push -u origin master

我又試圖在終端

ng github-pages:deploy

運行，並得到這個錯誤：

The specified command github-pages:deploy is invalid. For available options, see `ng help`.

經過研究，我跑過這個頁面並按照說明操作：https://www.npmjs.com/package/angular-cli-github-pages

我安裝通過NPM角CLI-github上，網頁上我的項目目錄：

npm install --save-dev angular-cli-github-pages

它說我必須創建GH-網頁，所以我跑了下面這條命令：

git checkout --orphan gh-pages

，然後提交這些文件並推送更改並返回到原始主服務器並運行deploy命令，它給了我相同的錯誤：

The specified command github-pages:deploy is invalid. For available options, see `ng help`.

我一直在用不同的方法來回走動，它不工作。有人可以請指出我應該怎麼做才能正確地部署到github頁面？

來源

2017-03-08 rory-h

我最近面臨同樣的問題。在沖刷了angular2社區幾個小時之後，我發現angular-cli-github-pages模塊已經在最新的angular-cli版本中被刪除了。要將Angular 2應用程序部署到gh頁面，您現在需要安裝一個與舊版angular-cli-github-pages模塊非常相似的新npm模塊，但您可以使用前一個模塊做更多的工作。

npm模塊是angular-cli-ghpages。您可以在模塊的npmjs頁面上找到文檔和步驟。

希望這可以幫助你。

來源

2017-03-09 20:39:58

**注意：**有一個問題不斷詢問您的電子郵件，甚至認爲您已將其設置爲user.name。使用下面的命令來運行它：'ngh --no-silent --email = email @ server.com' –

@AnandRockzz，老實說我沒有遇到這個問題。但我仍然面臨另一個問題，即緩存文件將存儲我在gh-pages上託管的回購，並且不會讓我主持第二個項目。所以爲此，我必須找到緩存文件並將其完全刪除。我覺得這個問題出現了，因爲我在全局安裝了這個模塊，所以如果你把它安裝在你的倉庫中，你不應該面對這個問題。感謝您的發現和解決方案。 –

在我的情況下，它已成功部署並加載https鏈接的腳本，但不包含本地js捆綁腳本和css源文件，從而導致出現空白頁。在GitHub的問題中，有人評論說根據相對位置添加源文件鏈接。我也這樣做了，仍然沒有運氣。我在想的是，我的角度GitHub頁面不在服務器下運行..！所以它無法加載本地腳本 –

我發現部署到Github Pages的最簡單方法是在主分支中使用主分支或文檔作爲設置中的源選項。我選擇主分支選項中的文檔並將docs文件夾視爲生成目錄。它工作得很好。我只是推到主，Github檢測到文檔文件夾，然後創建與其內容的應用程序/頁面。

來源

2017-03-08 13:51:21 decahub

在第一次安裝角CLI ghpages

npm install -g angular-cli-ghpages

安裝下一步是將您的資料庫後。如果你看到錯誤，那麼ommit --prod運行此命令

ng build --prod --base-href "https://<user-name>.github.io/<repo>/"

，並在角2 app目錄運行此命令

ng build --base-href "https://<user-name>.github.io/<repo>/"

現在你可以看到一個DIST文件夾。

上傳github存儲庫中dist文件夾的所有文件。

然後從設置啓用Github頁面。鏈接將提供給你。

就是這樣。

演示：https://shawon100.github.io/angularmaterial/

來源

2017-12-14 10:35:41 shawon

你根本沒有使用angular-cli-ghpages。你只需要安裝它。 –

我認爲沒有安裝angular-cli-ghpages，你不能運行build命令。 – shawon

命令'ng build'來自Angular。命令'ngh'來自angular-cli-ghpages。 –

要部署角應用到Github上按照以下步驟：

安裝Angular-cli-ghpages NPM包：

npm install -g angular-cli-ghpages
執行「NG構建」生成dist文件夾：

ng build --base-href "https://.github.io//"
執行「ngh」（Angular-cli-ghpages）將站點發布到您的Github存儲庫。

sudo ngh --repo https://github.com//--no-silent

控制檯會顯示這樣的事情：

Cloning https://github.com/<username>/repo into ../../../../../../usr/local/lib/node_modules/angular-cli-ghpages/node_modules/gh-pages/.cache 

Cleaning 

Fetching origin 

Checking out origin/gh-pages 

Removing files 

Copying files 

Adding all 

Committing 

Pushing 

Successfully published!

這將推動當地DIST文件夾名爲「GH-頁」分支到您的Github上庫。然後在你Github上庫，點擊設置，去GitHub的頁面部分，並在下拉選擇器中選擇「GH-頁面分支」。

注意：下次您進行更改並想要部署您的應用程序時，請執行步驟2和3。請注意，刷新Github中的更改需要一些時間（分鐘）。

來源

2017-12-19 23:50:11

部署角2應用程序github頁 - 失敗

回答

相關問題