2017-06-06 65 views
3

我正在嘗試將一個簡單的Angular 4應用程序部署到gh頁面。我已經嘗試了幾種方法,並且似乎角度cli-ghpages是最新的方法。使用angular-cli-ghpages將Angular4部署到ghpages時出錯

我按照npm angular-cli-ghpages page上的說明操作。

首先,我成功安裝角CLI-ghpages,

$ sudo的NPM我-g角CLI-ghpages

這個命令不會沒有sudo工作。

接下來,我創建dist文件夾,並設置基本HREF,

$ NG構建--prod --base-HREF 「https://shanegibney.github.io/mathapp/

然後我部署,

$ NGH

但是這給錯誤,

輸出可以低於該圖像中可以看出,

enter image description here

運行代替NGH角-CLI-ghpages產生相同的誤差,

enter image description here

我使用以下版本,

NPM 3.10.10

angular-cli-ghpages^0.5.1

節點6.9.4(不是真的在這裏的問題)

感謝

+1

您使用的是什麼angular-cli版本? @ofey,檢查你的package.json文件:) – aniri

+0

angular-cli-ghpages^0.5.1 thanks –

回答

1

我解決了這個通過添加以下到腳本的結束對象中的package.json,

「腳本」:{ ...... ...... 「部署」: 「NG建立--prod --base-HREF https://shanegibney.github.io/mathapp/ & &角-CLI-ghpages --branch ghpages」 }

然後跑去,

$ sudo的NPM運行部署

如此看來,需要的是在「--branch GH-網頁」作爲一個選項,但有什麼建議此故宮網頁上爲角度 - cli-ghpages。

注意如果單獨運行這些命令而不通過包。JSON我發現它不工作,

$ sudo的NG構建--prod --base-HREF https://shanegibney.github.io/mathapp/

$ sudo的角度-CLI-ghpages --branch從ghpages

得到幫助一個blog postshermandigital.com

4

我部署Angular2應用ghpages在上週(Live)。但我沒有用

角CLI-ghpages頁。

使用這些依賴關係 -

  • @角/ CLI 「: 」^ 1.2.0
  • @角/編譯器(CLI)「:」^2.3.1

現在需要將我們的項目構建爲minifiles css和js。 做它只是在你的角度項目

ng build --prod--aot --base-href "https://username.github.io/repo-name/" 

運行這段代碼如果在編譯 更換角cli.json文件的代碼

"environments": { 
    "source": "environments/environment.ts", 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
} 

"environmentSource": "environments/environment.ts", 
"environments": { 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
} 
時有問題

成功編譯後(100%) 只需運行此命令即可部署到gh-pahes

ngh --message "Deploy gh pages" 
1

我以超級用戶身份運行該命令,並且它工作正常。嘗試一下。如果不是,請使用--no-silent運行該命令以獲取更多詳細信息。例如:

sudo angular-cli-ghpages --no-silent

相關問題