Angular 在我尝试启动服务器时不呈现页面

Question

我创建了三个组件并将它们添加到 app.module.ts (src/app)，组件内部只有选择器，因为我的目的就是这些。当我尝试使用 ng serve 启动服务器时，Angular 不呈现页面。

版本

Angular CLI: 1.7.3
Node: 8.11.1
OS: linux ia32
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.3
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0

npm: 5.6.0

当我尝试启动时

ng serve

** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-04-05T12:05:40.204Z                                                          
Hash: b240b8c528ec8570cab0
Time: 25702ms
chunk {inline} inline.bundle.js (inline) 3.85 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 25.6 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 557 kB [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 41.5 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 7.42 MB [initial] [rendered]

webpack: Compiled successfully.

Answer 1

立即尝试：

ng serve -o

选项 -o 在构建应用程序后立即启动带有项目的默认浏览器

Answer 2

是时间问题check it

Answer 3

"Angular 当我尝试启动服务器时不呈现页面" / "只有一个空白页面

如果您的代码中有错误，angular 将显示空白页，即使它正在编译。

因此您需要开始检查浏览器的开发人员工具中的错误，并检查您的代码。

解决方法：这种情况下，你的问题在：

meu-segundo.component.ts，你用h2关闭一个h1标签，把它改成：

<h1>Welcome To Program</h1>

您可以通过在浏览器中键入 F12（开发人员工具）并检查控制台来查看此错误。

Answer 4

You can try this

ng 服务 --port=4211

开流后linkhttp://localhost:4211

Angular 在我尝试启动服务器时不呈现页面

Angular doesn't render the page when I try start up the server

serve

angular