Question

我正在尝试将angular2应用程序部署到pivotal cloud foundry，然后按照找到的here说明进行操作，但我不断获取Loading...，开发人员没有发现错误安慰。

/d/gitmyworkspace/mywork/pcfdeploy/src
$ npm install --quite
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
/d/gitmyworkspace/mywork/pcfdeploy/src
$ cf push -b staticfile_buildpack ang-pcf-dep
Creating app ang-pcf-dep in org ORG / space development as myDetails...OK
Creating route ang-pcf-dep.domain.com... OK
Binding ang-pcf-dep.domain.com to ang-pcf-dep... OK
Uploading ang-pcf-dep...
Uploading app files from: D:\gitmyworkspace\mywork\pcfdeploy\src
Uploading 12.9K, 18 files Done uploading OK
Starting app ang-pcf-dep in org ORG / space development as myDetails...
Downloading staticfile_buildpack...Downloaded staticfile_buildpack
Creating container    Successfully created container  Downloading app package...
Downloaded app package (6.4K)   Staging...
-------> Buildpack version 1.3.6
Downloaded [file:///tmp/buildpacks/5d1fcb59173496506d68186968a7b83f/dependencies/https___pivotal-buildpacks.s3.amazonaws.com_concourse-binaries_nginx_nginx-1.9.14-linux-x64.tgz]
grep: Staticfile: No such file or directory
-----> Using root folder
-----> Copying project files into public/
-----> Setting up nginx
grep: Staticfile: No such file or directory
grep: Staticfile: No such file or directory
Exit status 0
Staging complete
Uploading droplet, build artifacts cache...
Uploading build artifacts cache...
Uploading droplet...
Uploaded build artifacts cache (107B)
Uploaded droplet (2.5M)
Uploading complete
1 of 1 instances running
App started  OK
App ang-pcf-dep was started using this command `sh boot.sh`
Showing health and status for app ang-pcf-dep in org ORG /spacedevelopment as myDetails ... OK
requested state: started
instances: 1/1
usage: 1G x 1 instances
urls: ang-pcf-dep.domain.com
last uploaded: Thu Mar 9 18:53:22 UTC 2017
stack: cflinuxfs2
buildpack: staticfile_buildpack
state     since                    cpu    memory       disk         details
#0   running   2017-03-09 10:53:34 AM   0.0%   3.2M of 1G   6.9M of 1G

在浏览器中，它只是加载index.html，而不是app.component.html等其他组件。我刚刚使用webstorm AngularCli和node 6.9.5创建了一个基本应用程序来测试pcf deployment。如果我遗漏了什么，请告诉我？

Answer 1

对于AngularCli我们假设要执行以下步骤...

$ng build
$ cd dist
$ cf push -b staticfile_buildpack ang-pcf-dep

请注意，AngularCli您应该从dist文件夹而不是app或src文件夹，并且所有资源文件（如图片）都应位于assets文件夹中。感谢来自pcf。{/ p>的Rob

Answer 2

另一种方法是创建清单文件（.yml）

cf push -f manifest-xxx-dev（qa）.yml -b staticfile_buildpack

这将有助于维护环境和域更改，并且所有操作都将变得更加容易。

清单文件（另存为manifest-dev（qa）.yml）

应用程序： -名称：{Application} 内存：1024MB 实例：1 主持人：{environmentFriendlyName} 域： -{domainName} 超时：600

在pcf中部署angular2应用程序

2 个答案: