错误:选择器""与任何元素都不匹配

时间:2017-01-31 11:41:11

标签: angular angular2-routing

我在下面的角度2中添加路由是我的QualifyResponse qualifyResponse = response; foreach (var providerQualifyResponse in qualifyResponse.ProviderList) { providerQualifyResponse.QuestionGroupList = new List<DataTypes.BuyFlow.Entities.QuestionGroup>(); }

app.module.ts

及以下是我的主页,它位于页面目录中。

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ReactiveFormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent }  from './app.component';
import { Home } from './pages/pages';
import { Dashboard } from './pages/pages';
import {ValidationError} from './validators/validators';
import { AuthService } from './services/services';
import { RouterModule, Routes } from '@angular/router';

const appRoutes: Routes = [
  { path: 'home', component: Home },
];


@NgModule({
  imports:      [ BrowserModule , ReactiveFormsModule, RouterModule.forRoot(appRoutes) ],
  declarations: [ AppComponent , Home, Dashboard ],
  bootstrap:    [ AppComponent , Home, Dashboard ],
  providers:    [ ValidationError ]
})
export class AppModule { }

但我得到的错误,

  

未处理的承诺拒绝:错误:0:0由以下原因引起:选择器&#34; home&#34;与任何元素都不匹配;区域:;任务:Promise.then;值:ViewWrappedError {__zone_symbol__error:错误:错误:0:0引起:选择器&#34; home&#34;与任何元素都不匹配       在ViewWrappedErr ...,_ nativeError:ZoneAwareError,originalError:ZoneAwareError,context:DebugContext,__ zone_symbol__stack:&#34;错误:错误:0:0引起:选择器&#34; home ... st:3000 / node_modules / zone.js /dist/zone.js:241:32)"...}错误:错误:0:0引起:选择器&#34; home&#34;与任何元素都不匹配

任何帮助都将得到帮助。

2 个答案:

答案 0 :(得分:11)

假设您的AppComponent是您的shell组件,只应该引导它。从Home数组中移除Dashboardbootstrap,以便@NgModule看起来像这样:

@NgModule({
  imports:      [ BrowserModule, ReactiveFormsModule, RouterModule.forRoot(appRoutes) ],
  declarations: [ AppComponent, Home, Dashboard ],
  bootstrap:    [ AppComponent ],
  providers:    [ ValidationError ]
})

答案 1 :(得分:-1)

检查 /src/index.php 文件,如果 HTML 前缀正确:

来自<app-root> </app-root>
<home> </home>