将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