angular - 错误 : Can't resolve all parameters for HomeComponent: (?)

Question

我将 Meteor 与 Angular 结合使用。不知何故，每当我尝试将 Router 依赖项放入组件的构造函数时，它总是给我错误。

constructor(private router: Router) {}

删除 Router 参数时效果很好!

constructor() {}

我正在尝试使用组件 ts 中的 this.router.navigate() 从一个组件导航到另一个组件。

这是我得到的错误:

Error: Can't resolve all parameters for HomeComponent: (?).

还是 Angular 的新手，几天来一直在努力解决这个问题!如果您能帮助这个可怜的灵魂，我们将不胜感激!

主页组件

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'home-component',
  templateUrl: './home.component.html'
})

export class HomeComponent {

  constructor(private router: Router) {}

}

应用模块

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';

import { HomeComponent } from '../components/home/home.component';
import { LoginComponent } from '../components/login/login.component';

import { MainPage } from '../pages/main/main';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    LoginComponent,
    MainPage
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
  ],
  entryComponents: [
    AppComponent
  ],
  bootstrap: [AppComponent]
})

export class AppModule {}

AppRoutingModule

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

import { HomeComponent } from '../components/home/home.component';
import { LoginComponent } from '../components/login/login.component';

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

@NgModule({
  imports: [RouterModule.forRoot(routes 
{ enableTracing: false } // <-- debugging purposes only
)],
  exports: [RouterModule]
})

export class AppRoutingModule {}

Package.json

"dependencies": {
"@agm/core": "^1.0.0-beta.2",
"@angular/animations": "^5.1.0",
"@angular/common": "^5.1.0",
"@angular/compiler": "^5.1.0",
"@angular/compiler-cli": "^5.1.0",
"@angular/core": "^5.1.0",
"@angular/forms": "^5.1.0",
"@angular/http": "^5.1.0",
"@angular/platform-browser": "^5.1.0",
"@angular/platform-browser-dynamic": "^5.1.0",
"@angular/platform-server": "^5.1.0",
"@angular/router": "^5.0.0",
"air-datepicker": "^2.2.3",
"babel-runtime": "^6.26.0",
"bcrypt": "^1.0.3",
"jarallax": "^1.9.3",
"jquery": "2.2.4",
"meteor-node-stubs": "^0.3.2",
"meteor-rxjs": "^0.4.8",
"moment": "^2.20.1",
"ngx-cookie": "^2.0.1",
"reflect-metadata": "^0.1.10",
"rxjs": "^5.5.6",
"stripe": "^5.4.0",
"zone.js": "^0.8.19"
},

"devDependencies": {
"@types/meteor": "^1.4.12",
"@types/meteor-accounts-phone": "0.0.5",
"@types/underscore": "^1.8.6",
"meteor-typings": "^1.4.1",
"typescript": "^2.6.2"
}

Answer 1

奇怪。除了 forRoot 调用参数中缺少 , 之外，我在您的代码中没有发现任何问题。可以吗？确实会很奇怪 - 如果这不仅仅是在此处粘贴代码的错误，那么从任何意义上讲，您应该有一个编译器错误，并且您的 IDE 会发出警告。

@NgModule({
  imports: [RouterModule.forRoot(routes // , missing here
{ enableTracing: false }
)],
  exports: [RouterModule]
})