将Angular2 App部署到Github错误:events.js throw er; //未处理的错误'事件

时间:2017-12-26 11:49:38

标签: node.js angular angular-cli

我正在尝试使用 angular-cli-ghpages 将angular2(使用命令" ng new my-app")创建的应用程序应用程序部署到GitHub,如

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

但是每当我执行命令时,我都会收到错误,

enter image description here

在Google上搜索后,我可以看到它可能与节点有关。但我不清楚需要采取哪些措施来解决这个问题。

我的节点版本是v9.2.0

npm版本是5.5.1

请帮忙。

1 个答案:

答案 0 :(得分:1)

您可以按照以下步骤将文件部署到gh-pages

Github页面中的Angular 2部署

在ghpages中测试Angular2 Webpack的部署

首先从应用程序的Dist文件夹中获取所有相关文件

对我来说,资产文件夹main.bundle.js中的css文件是polyfills.bundle.js vendor.bundle.js

然后将此文件推送到您创建的仓库中。

1 - 如果您希望应用程序在根目录上运行 - 创建一个名为[yourgithubusername] .github.io的特殊仓库并在主分支中推送这些文件

2 - 如果您想在不同根目录的子目录中创建这些页面,请创建分支gh-pages并在该分支中推送这些文件。

在这两种情况下,我们访问这些部署页面的方式都不同。

对于First Case,它将是https://[yourgithubusername].github.io,对于第二种情况,它将是[yourgithubusername] .github.io / [Repo name]。

如果假设您要使用第二种情况部署它,请确保更改dist中index.html文件的基本URL,因为所有路由映射都取决于您提供的路径,并且应设置为[/ branchname ]

Link to this page