更新到角度6后找不到app-root-Java 学习之路

我已经将我的Angular项目从5.2.11更新到6.1.0 .

我正在使用Angular的更新指令，现在编译器正在运行而没有任何错误 .

现在我访问localhost：4200并且找不到 app-root .

Unhandled Promise rejection: The selector "app-root" did not match any elements ; Zone: <root> ; Task: Promise.then ; Value: Error: The selector "app-root" did not match any elements
at DefaultDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DefaultDomRenderer2.selectRootElement (VM3279 vendor.js:69776)

app.module

@NgModule({
  declarations: [
    AppComponent,
    ...,
bootstrap: [AppComponent]
})
export class AppModule { }

app.component

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: []
})

export class AppComponent implements OnInit {
  ...
}

app.component.html

<router-outlet></router-outlet>

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
...

platformBrowserDynamic().bootstrapModule(AppModule);

index.html

<app-root>
  <div class="app-loading">
    <img src="../../assets/images/icon.svg">
    <p>Loading...</p>
  </div>
</app-root>

有什么遗失的吗？

1 回答

在_1602869_之前的 @NgModule({... 之前添加以下代码 router rules

例：

const appRoutes: Routes = [
  { 
    path: '', 
    redirectTo: 'home-page',
    pathMatch: 'full',
  },
  {
    path: 'home-page',
    component: HomePageComponent,
  },
  { 
    path: 'foo-page', 
    component: FooPageComponent 
  },
  { 
    path: '**', 
    component: NotFoundComponent 
  }
];

加入 imports:[...

RouterModule.forRoot(
  appRoutes
)

请记住 <router-outlet></router-outlet> 将仅作为"routing controller"提供

回复于 2024-05-11T13:46:51+08:00

更新到角度6后找不到app-root

1 回答

相关问题