-1

我创建了三个组件并将它们添加到app.module.ts(src/app),组件内部只有选择器,因为这是我的目的。当我尝试使用ng serve.

版本

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.
4

4 回答 4

2

现在就试试:

ng serve -o

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

于 2018-04-05T12:12:35.843 回答
2

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

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

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

解决方案:在这种情况下,您的问题在于:

meu-segundo.component.ts,用 关闭h1标签h2,将其更改为:

<h1>Welcome To Program</h1>

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

于 2018-04-05T12:18:34.340 回答
1

是一个暂时的问题检查它

于 2018-04-05T12:15:02.133 回答
1
You can try this

ng服务--port=4211

打开流式链接http://localhost:4211后

于 2018-04-05T12:19:05.343 回答