angular - angular2 reaktivt skjema | Ufanget TypeError: Kan ikke sette egenskapen stack til [objekt Object] som kun har en getter

Jeg prøver å implementere et Angular2 reaktivt skjema, men jeg får en kjøretidsfeil når komponenten lastes

Ufanget TypeError: Kan ikke sette egenskapen stack til [object Object] som bare har en getter

Denne feilen er ikke helt klar, så jeg har vanskelig for å finne ut hva som foregår. Jeg følger en artikkel fra Angular University. Jeg trodde kanskje det hadde vært brytende endringer, så jeg sjekket Angular2-changeloggen, men fant ingenting relatert til mitt problem med reactive forms.

All hjelp vil bli satt pris på her. Jeg kommer til å fortsette å lete etter en løsning.

addevent.component.ts

@Component({
  selector: 'addevent',
  templateUrl: 'addevent.component.html',
  styleUrls: ['addevent.scss']
})
export class AddEvent {

  // vars
  private _addEventForm:FormGroup;
  private _eventTitle:FormControl;
  private _eventDescription:FormControl;

  constructor(private _addEventService:AddEventService,
              private _formBuilder:FormBuilder) {
    // init vars
    this. _eventTitle = new FormControl('', Validators.required);
    this._eventDescription = new FormControl('', Validators.required);
    this._addEventForm = _formBuilder.group({
      'eventTitle': this._eventTitle,
      'eventDescription': this._eventDescription
    });
  }

  private addEvent():void {
    console.log(this._addEventForm);
    //this._addEventService.addEvent();
  }

}

addevent.component.html

<div class="h3 content-title">Add Event</div>

<form [formGroup]="_addEventForm" (ngSubmit)="addEvent()">
  <p>
    <label>Title</label>
    <input type="text" formControlName="eventTitle">
  </p>
  <p>
    <label>Description</label>
    <input type="text" formControlName="eventDescription">
  </p>
  <p>
    <button type="submit" [disabled]="_addEventForm.invalid">Submit</button>
  </p>
</form>

dashboard.modul.ts

@NgModule({
  declarations: [Dashboard, Navbar, Sidebar, Home, Profile, Events, AddEvent],
  imports: [BrowserModule, FormsModule, ReactiveFormsModule, HttpModule],
  providers: [ContentSwap, SidebarActivity, AuthService, FirebaseAuthService]
})
export class DashboardModule {}

Svar #1

Jeg får den samme feilen noen ganger. Ser ut som en feil i den siste zonejs/angular. For å få din egentlige feil, sett et stoppunkt på stakken der denne feilen blir kastet. Din egentlige feil vil være et input-argument til funksjonen som krasjer.

Hvis du trenger flere detaljer https://github.com/angular/zone.js/issues/427

Svar #2

Følger tråden for et problem på angular/zone.js, pekte en kommentar meg i retning av å komme til den egentlige feilen.

uncaught TypeError: Cannot create property 'configurable' on string 'Error: No provider for AddEventService!

Jeg manglet bare en leverandør for en ny tjeneste jeg hadde laget.

Relaterte artikler