將Angular2應用程序部署到Github錯誤：events.js throw er; //未處理的“錯誤”事件

Question

我正在嘗試使用angular-cli-ghpages將angular2（從命令“ ng new my-app”創建的示例應用）應用部署到GitHub，如

http://crookedcode.com/2017/02/24/deployment-of-angular2-app-to-github-pages/

但是，每當我執行命令時，都會出現如下錯誤，

在Google上搜索之后，我可以看到有關節點可能存在問題的建議。 但是我不清楚需要做什么來解決此問題。

我的節點版本是v9.2.0

npm版本是5.5.1

請幫忙。

Answer 1

您可以按照以下步驟將文件部署到gh頁

Github頁面中的Angular 2部署

在ghpages中測試Angular2 Webpack的部署

首先從應用程序的Dist文件夾中獲取所有相關文件

對我來說，這是資產文件夾main.bundle.js polyfills.bundle.js vendor.bundle.js中的css文件

然后將此文件推送到您創建的倉庫中。

1-如果您希望應用程序在根目錄上運行，請創建一個名稱為[yourgithubusername] .github.io的特殊存儲庫，並將這些文件推送到master分支中

2-好像您要在根目錄之外的其他分支的子目錄中創建這些頁面一樣，創建一個分支gh-pages並將這些文件推送到該分支中。

在這兩種情況下，我們訪問這些已部署頁面的方式都會有所不同。

對於第一種情況，它將是https：// [yourgithubusername] .github.io ，對於第二種情況，它將是[yourgithubusername] .github.io / [Repo name]。

如果假設您要使用第二種情況進行部署，請確保更改dist中的index.html文件的基本URL，因為所有路由映射都取決於您提供的路徑，並且應將其設置為[/ branchname]。

Link to this page