我在 Linode 上部署 Angular 4 时遇到问题。
使用 Angular-cli,我有一个小的 Angular 4 应用程序,它只呈现一个基本的谷歌地图。它可以在这里找到,它在 Mac 上本地运行良好。
Linode 已经设置好运行 Fedora 25,我可以 ssh 进入它。
我已经设置了一个主机名“ofeyspi”并将回购克隆到我的 linode。
$ hostname
ofeyspi
检查主机名是否已连接到 url,
$ cat /etc/hosts
127.0.0.1 localhost localhost.localdomain localhost4 localhost4.localdomain4
::1 localhost localhost.localdomain localhost6 localhost6.localdomain6
139.162.199.9 ofeyspi.qqiresources.com ofeyspi
然后我运行:
$ ng build --prod --bh /root/beans3/dist/
11% building modules 9/9 modules 0 activeTemplate parse warnings:
The <template> element is deprecated. Use <ng-template> instead ("
<div class="card">
[WARNING ->]<template ngFor let-panel [ngForOf]="panels">
<div role="tab" id="{{panel.id}}-header" [attr.ar"): ng:///root/beans3/node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts.NgbAccordion.html@2:4
Hash: 079970cfbabe6b2f710a
Time: 34065ms
chunk {0} polyfills.a3e056f914d9748ff431.bundle.js (polyfills) 158 kB {4} [initial] [rendered]
chunk {1} main.47083d1d3073f3856af7.bundle.js (main) 142 kB {3} [initial] [rendered]
chunk {2} styles.604a57bc7d4c0f84e447.bundle.css (styles) 122 bytes {4} [initial] [rendered]
chunk {3} vendor.244ceb2ee1e4bb317079.bundle.js (vendor) 1.39 MB [initial] [rendered]
chunk {4} inline.df954263324e7c133385.bundle.js (inline) 0 bytes [entry] [rendered]
如您所见,这给出了一个错误,模板元素有问题,在开发中可以忽略,但我想知道在生产中也是如此。
这会创建一个新的 dist 目录,然后我运行,
$ ng server --host qqiresources.com
我也试过了
$ ng server --host 139.162.199.9
** NG Live Development Server is running on http://139.162.199.9:4200 **
Hash: 2391cafc7c903540029f
Time: 17824ms
chunk {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 158 kB {4} [initial] [rendered]
chunk {1} main.bundle.js, main.bundle.js.map (main) 10.5 kB {3} [initial] [rendered]
chunk {2} styles.bundle.js, styles.bundle.js.map (styles) 150 kB {4} [initial] [rendered]
chunk {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.67 MB [initial] [rendered]
chunk {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
webpack: Compiled successfully.
当我导航到http://qqiresources.com:4200或http://139.162.199.9:4200时出现连接错误。
“无法访问此站点”
控制台显示,
Failed to load resource: net::ERR_CONNECTION_REFUSED
我尝试在 dist 目录和项目根目录中运行第二个命令。
还有什么我想念的吗?
更新:我现在看到 ng server 不正确,所以我安装了 node 并移动到 dist 目录,在那里我运行 http-server,
$ http-server
Starting up http-server, serving ./
Available on:
http://127.0.0.1:8080
http://139.162.199.9:8080
Hit CTRL-C to stop the server
但仍然导航到http://139.162.199.9:8080会显示相同的“无法访问站点”消息。
谢谢
更新:我已经让 apache 2 工作并在 dist 目录中提供 index.html 文件。但是,使用 dist 中的其他文件似乎有问题。我在 Apache 2 上运行 Angular-cli发布了一个问题