2017-06-06 80 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