【问题标题】:How can i know angular 7.1.4 is properly installed?我怎么知道 Angular 7.1.4 安装正确?
【发布时间】:2019-12-02 13:18:32
【问题描述】:

我在我的 gcp ubuntu 服务器上安装了 angular 7.1.4,这是我在使用命令后得到的

ng version


Angular CLI: 7.1.4
Node: 8.16.2
OS: linux x64
Angular: 7.1.4
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.11.4
@angular-devkit/build-angular     0.11.4
@angular-devkit/build-optimizer   0.11.4
@angular-devkit/build-webpack     0.11.4
@angular-devkit/core              7.1.4
@angular-devkit/schematics        7.1.4
@ngtools/webpack                  7.1.4
@schematics/angular               7.1.4
@schematics/update                0.11.4
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.23.1

还有

node -v
v8.16.2

我还使用命令创建了一个项目

ng new angular-demo

root@la-test-angular-node:/angular-demo# ng serve


** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

Date: 2019-12-02T13:06:43.122Z
Hash: bb8b52ddfa46c6b4d208
Time: 20085ms
chunk {main} main.js, main.js.map (main) 11.5 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 237 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 16.3 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3.67 MB [initial] [rendered]
ℹ 「wdm」: Compiled successfully.

但它没有在网络浏览器中打开我收到此站点无法访问错误,我也尝试过

ng serve --host:ip-address 

但仍然遇到同样的错误,请帮我看看我做错了什么? 我不知道它的角度问题或节点,但我没有得到默认的角度页面。

谢谢。

更新我按照建议使用了这个命令,我没有添加任何代码我只是想打开默认的角度页面。

ng serve -o --host=10.37.0.5

得到这个

** Angular Live Development Server is listening on 10.37.0.5:4200, open your browser on http://10.37.0.5:4200/ **

Date: 2019-12-02T13:29:53.559Z
Hash: bb8b52ddfa46c6b4d208
Time: 45913ms
chunk {main} main.js, main.js.map (main) 11.5 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 237 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 16.3 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3.67 MB [initial] [rendered]
ℹ 「wdm」: Compiled successfully.
(node:1956) UnhandledPromiseRejectionWarning: Error: Exited with code 3
    at ChildProcess.cp.once.code (/angular-demo/node_modules/opn/index.js:84:13)
    at Object.onceWrapper (events.js:317:30)
    at emitTwo (events.js:126:13)
    at ChildProcess.emit (events.js:214:7)
    at maybeClose (internal/child_process.js:915:16)
    at Socket.stream.socket.on (internal/child_process.js:336:11)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at Pipe._handle.close [as _onclose] (net.js:561:12)
(node:1956) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:1956) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

【问题讨论】:

    标签: node.js angular installation


    【解决方案1】:

    试试 ng serve -o

    (-o 用于强制打开网络浏览器,不过会在默认的 4200 端口打开)

    【讨论】:

    • 我使用了这个但仍然没有运气,我现在更新问题我在使用ng serve -o 命令后得到了一些新的东西请检查一下。
    • 由于您的项目代码,您似乎遇到了错误。检查警告“[DEP0018] DeprecationWarning”。尝试进行 ng 构建,也许构建您的项目可以准确地跟踪您的代码行,该行发生承诺拒绝。或者也分享您的代码。
    • 我做了 ng build,你能告诉我应该分享哪个文件,因为我不知道 angular 我刚刚使用 ng new angular-demo 创建了一个项目,angular-demo 里面有几个文件,应该我分享了@98​​7654324@,它在 src 里面?。
    • 我会说分享你制作的代码(不是从 ng new 自行构建的)
    • 我没有编写任何代码,我只是试图打开默认的角度页面以检查它是否正常工作。
    【解决方案2】:

    端口 4200 可能正在使用中。您可以通过以下方式尝试其他端口:

    ng serve --port 6787
    

    【讨论】:

    • 试过了,但还是没有成功。
    【解决方案3】:

    好的,所以我尝试了不同的方法,是的,正确的方法是使用此命令

    ng serve --host 0.0.0.0
    

    0.0.0.0 为其他人打开主机,这意味着我们可以在任何服务器上使用端口 4200,但是在我打开 4200 端口时,由于 gcp 的防火墙,它无法正常工作,然后它开始工作。

    【讨论】:

      猜你喜欢
      • 2016-02-18
      • 1970-01-01
      • 1970-01-01
      • 2011-09-12
      • 2020-06-25
      • 1970-01-01
      • 2019-07-16
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多