angular2 - 表单 - 无法设置未定义的属性“堆栈”答案

【问题标题】：angular2 - Forms - Cannot set property 'stack' of undefinedangular2 - 表单 - 无法设置未定义的属性“堆栈”
【发布时间】：2017-06-06 00:27:09
【问题描述】：

在 Angular2 中创建我的第一个表单时，出现以下错误：

未处理的承诺拒绝：无法设置未定义的属性“堆栈” ;区域：;任务：Promise.then；值：TypeError：无法设置未定义的属性“堆栈”

我正在使用 anguilar-cli 1.0.0-beta.25.5。 ** 这是我的代码：

import { Component } from '@angular/core';
import {FormControl, FormGroup} from '@angular/forms';

@Component({
  selector: 'app-root',
  template:
    `<div class="container">
           <form [formGroup]="userForm" (ngSubmit)="submitHandler()">
             <div class="form-group">
                <input type="text" class="form-control"       formControlName="username"
  placeholder="username...">
            </div>
          </form>
     </div>`
})
export class AppComponent {
  private userForm : FormGroup;

  constructor(){
    this.userForm = new FormGroup({
      username : new FormControl(),
      password : new FormControl(),
      email : new FormControl(),
    });

  }
}

【问题讨论】：

从语法上看，这段代码似乎没有任何问题。错误可能在其他地方，或者与 angular-cli 有关。
您是否在 AppModule 中导入了 ReactiveFormsModule？

标签： angular

【解决方案1】：

将 zone.js 更新到 0.7.6，您会看到实际错误。

【讨论】：

那确实成功了！现在我可以看到我的错误是“无法绑定到 'formGroup'，因为它不是 'form' 的已知属性” - 我的 app.module.ts 中缺少 ReactiveFormsModule 导入

【解决方案2】：

这可能与这里的问题有关。 https://github.com/angular/angular-cli/issues/3975 。做备份并尝试更新到最新版本。

【讨论】：