依赖注入在Angular 2入门应用程序中不起作用

Question

When I try to inject ANY dependency I get a weird error

TypeError: Cannot set property 'stack' of undefined
at NoProviderError.set [as stack] (errors.js:64)
at assignAll (zone.js:704)
at NoProviderError.ZoneAwareError (zone.js:775)
at NoProviderError.BaseError [as constructor] (errors.js:26)
at NoProviderError.AbstractProviderError [as constructor] (reflective_errors.js:53)
at new NoProviderError (reflective_errors.js:102)
at ReflectiveInjector_._throwOrNull (reflective_injector.js:994)
at ReflectiveInjector_._getByKeyDefault (reflective_injector.js:1031)
at ReflectiveInjector_._getByKey (reflective_injector.js:981)
at ReflectiveInjector_.get (reflective_injector.js:743)
at AppModuleInjector.NgModuleInjector.get (ng_module_factory.js:149)
at CompiledTemplate.proxyViewClass.AppView.injectorGet (view.js:152)
at CompiledTemplate.proxyViewClass.DebugAppView.injectorGet (view.js:580)
at CompiledTemplate.proxyViewClass.View_AppComponent_Host0.createInternal (host.ngfactory.js:15)
at CompiledTemplate.proxyViewClass.AppView.createHostView (view.js:108)

I have just used the Angular-Cli ng new PROJECT_NAME_HERE command.

Inside of my app.component.ts all I have is

import { Component } from '@angular/core';
import { FormBuilder } from '@angular/forms';

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

 constructor(
   private formBuilder: FormBuilder
 ) {
 }

}

Edit: The error I was receiving was because of an issue from v0.7.5 of zone.js, and like user3492940 & Santanu Biswas stated I also needed to import the ReactiveFormsModule, into my app.module

Answer 1

您需要从AppModule @angular/forms导入ReactiveFormsModule ，并将其包括在imports列表中。

Answer 2

Make downgrade zone.js to 0.7.4

npm install --save zone.js@0.7.4

It's problem in 0.7.5 version. Issue #595

Answer 3

I'm still relatively new with Angular 2 components but looking at your component, i think you need moduleId: module.id,

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