Javascript 如何使用angular cli 5渲染组件，而不显示任何内容

ng——版本

Angular CLI:1.6.0 节点：8.9.1 OS:Darwinx64 角度：5.1.0 ... 动画、通用、编译器、编译器cli、核心、表单 ... http、语言服务、平台浏览器 ... 平台浏览器、动态路由器

@angular/cli:1.6.0 : 0.0.35 : 0.0.22 : 0.0.41 : 1.1.0 : 1.9.0 : 0.1.10 : 0.0.10 打字稿：2.4.2 网页：3.10.0

Mac OS Sierra

复制步骤

app-routing-module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';

const routes: Routes = [
{path:'home', component: HomeComponent},
{path:'about', component: AboutComponent},
{path:'', redirectTo: '/home', pathMatch: 'full'}
];

@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }

app.component.html
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';

@NgModule({
declarations: [
AppComponent,
HomeComponent,
AboutComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

index.html

安古拉普罗耶托 在所有这些之后，当我运行“ng发球——打开”时，我没有得到任何东西，甚至没有一个错误

这是pra项目的链接

有人帮忙吗

---

再次尝试克隆我的存储库，然后运行“ng completion--bash”、“npm install”和“ng service--open”，索引页仍然为空。angular似乎无法从组件中呈现任何内容，我运行了“ng completion--bash”以防万一，但即使没有此命令，我在下载您的项目时仍然得到相同的结果，它正在显示应用程序根组件HTML。所以我不知道你为什么会有这个问题。我无法复制。

有人删除了我以前的帖子，但我可以推断出一些可能导致您出现问题的原因。 这不可能是因为硬件的原因，因为我以前在windows 10和7上都遇到过同样的问题，包括台式机和笔记本电脑以及Linux 16.04。 我已经在chrome和firefox上进行了测试，同样的问题也存在。 我建议你看看这个。

---

它是angular 5示例应用程序，功能齐全。此外，您还可以在此处尝试演示

，上面写着，当前是。所以它并不落后。我可以复制我的项目，但angular似乎没有渲染组件，我尝试从angular开始，但我创建了一个简单的初始项目，但它没有显示任何组件的任何内容，即使我创建了一个家或大约。我克隆了你的repo。是否

npm i

和

ng发球

，然后访问

http://localhost:4200/

我可以清楚地看到。问题出在哪里？你是否创建了

HomeComponent

和

AboutComponent

，因为我似乎在你的repo中找不到它们。关于这一点，我甚至看不到“欢迎使用应用！”和a的做法与你在npm I和ng Serve中的做法完全相同，但你发布了一个不同的

应用程序路由模块。ts

然后你在repo上看到了。。。您能否尝试将回购协议克隆到一个新位置，而不对其应用任何更改？你能看到欢迎屏幕吗？抱歉，这里的代码不应该有“关于”或“主页”组件，它是一个不同的代码，但git repo中的conde没有显示“欢迎使用应用程序！”