Angular 错误：选择器“&引用；不匹配任何元素

我正在angular 2中添加路由，下面是我的

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 { }

下面是我的主页，它位于pages目录中

import {Component} from '@angular/core';
import { FormBuilder , FormGroup, Validators , FormControl} from '@angular/forms';
import 'rxjs/add/operator/debounceTime';

import {ValidationError} from '../../validators/validators';

@Component({
    selector: 'home',
    templateUrl: 'app/pages/home/home.component.html',
    styleUrls: ['app/pages/home/home.scss']
})

export class Home{
    serverError: any;
    bankAccount: FormGroup;

    constructor(private validationError: ValidationError , private formBuilder: FormBuilder){
        this.bankAccount = this.formBuilder.group({
            username: ['' , Validators.required]
        });
    };

    ngOnInit(){
        this.bankAccount.valueChanges.debounceTime(400).subscribe(data => this.validationError.populateErrorMessage(this.bankAccount));
    }

    login(){
        debugger
    }
}

但我的错误率越来越低

未处理的承诺拒绝：0:0中的错误，原因是：选择器“home”与任何元素都不匹配；区域：；任务：承诺；值：ViewWrappedError{{uuuuuuu区域\符号\错误：错误：0:0中的错误，原因是：选择器“home”与任何元素都不匹配 在ViewWrappedErr…，_nativeError:ZoneAwareError，OriginalerError:ZoneAwareError，context:DebugContext，uuuuuuu zone_uSymbol_uu堆栈：“错误：0:0中的错误由：选择器“home…st:3000/node\u modules/zone.js/dist/zone.js:241:32”引起…”错误：0:0中的错误由：选择器“home”与任何元素都不匹配

---

将显示任何帮助。

假设您的

AppComponent

是您的shell组件，则只应对其进行引导。从

引导

数组中删除

主页

和

仪表板

，因此您的

@NgModule

如下所示：

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

---

您尝试使用“home”选择器选择什么di？我对angular 2非常陌生，我没有使用home来选择任何东西。@Component（{selector:'home'，templateUrl:'app/pages/home/home.Component.html'，StyleURL:['app/pages/home/home.scss']}）就是这样。不要因为没有发布源代码而感到内疚。除非你是通过编程实例化你的

home

组件，最好不要让它出现在你的引导组件中解决它。感谢错误一直在我面前引导：[AppComponent，home，Dashboard]。