Question

Index html page don't show anything, not event "App works" like a simples initial project

ng --version

Angular CLI：1.6.0 节点：8.9.1 操作系统：darwin x64 Angular：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 webpack：3.10.0

Mac OS Sierra

Repro步骤

应用程序的路由-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

AngularProjeto 在这一切之后，当运行＆＃34; ng服务 - 打开＆＃34;时，我什么也得不到，甚至没有错误

这是pra项目的链接

https://github.com/afabricioa/startAngular

有人帮忙吗？

再次尝试克隆我的存储库，然后我运行＆＃34; ng完成--bash＆＃34;，＆＃34; npm install＆＃34;和＆＃34; ng serve --open＆＃34;并且索引页面仍然是空白的，看起来角度不能从组件中呈现任何内容，我跑完了--bash＆＃34;以防万一，但即使没有这个命令，我仍然会得到同样的东西

Answer 1

当我下载您的项目时，它正在显示应用程序根组件HTML。所以我不确定你为什么会遇到这个问题。我无法重现。

Answer 2

有人删除了我以前的帖子，但我可以为您的问题扣除一些可能的原因。它不能因为硬件，因为我甚至在台式机和笔记本电脑以及Linux 16.04批次的Windows 10和7之前都遇到了同样的问题。我已经在chrome和firefox上进行了测试，同样存在问题。我建议你看看这个https://github.com/Ismaestro/angular5-example-app。它是角度5的示例应用程序，它完全正常运行。此外，您可以在https://angularexampleapp.com/

尝试演示

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

2 个答案: