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

立即尝试：

[#ftl]

在构建应用程序后，

选项 -o 将立即启动项目的默认浏览器

Answer 2

暂时出现问题check it

Answer 3

“当我尝试启动服务器时，Angular不呈现页面”/“只有空白页”

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

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

解决方案：在这种情况下，您的问题出在：

meu-segundo.component.ts，您使用h1关闭h2标签，将其更改为：

<h1>Welcome To Program</h1>

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

Answer 4

You can try this

ng serve --port = 4211

在开放流动链接http://localhost:4211

之后

当我尝试启动服务器时，Angular不会呈现页面

4 个答案: