Angular 财产'；用户表单'；不存在于类型'；根组件'；

这是我使用Angular的组件类，出于某种原因，它不是第一次使用

npm start

编译的，但是当我再次刷新或保存文件时，它很好，我可以在浏览器上查看它。我得到的错误是

src/app/root/root.component.ts（14,12）中出现错误：错误TS2339:类型“RootComponent”上不存在属性“userForm”。

我看过类似的问题，但似乎没有一个能解决我的问题。下面是课程：

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

@Component({
  selector: 'app-root',
  templateUrl: './root.component.html',
  styleUrls: ['./root.component.css']
})
export class RootComponent implements OnInit {

  constructor(private formBuilder: FormBuilder) {}

  ngOnInit() {
      this.userForm = this.formBuilder.group({
        firstName: [''],
        lastName: [''],
        email: [''],
        password: [''],
      });
    }

}

---

您应该在分配值之前在组件中定义

userForm

您应该在分配值之前在组件中定义

userForm

问题是变量

userForm

没有在组件中定义，因此，您试图在一个不存在的变量中分配一个

FormGoup

，添加一个

userForm:FormGroup在类开始时应解决de问题：

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

@Component({
  selector: 'app-root',
  templateUrl: './root.component.html',
  styleUrls: ['./root.component.css']
})
export class RootComponent implements OnInit {
  userForm: FormGroup;
  constructor(private formBuilder: FormBuilder) {}

  ngOnInit() {
      this.userForm = this.formBuilder.group({
        firstName: [''],
        lastName: [''],
        email: [''],
        password: [''],
      });
    }

}

问题是组件中没有定义变量
userForm
，因此您试图在不存在的变量中分配一个
FormGoup
，添加一个
userForm:FormGroup在类开始时应解决de问题：

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

@Component({
  selector: 'app-root',
  templateUrl: './root.component.html',
  styleUrls: ['./root.component.css']
})
export class RootComponent implements OnInit {
  userForm: FormGroup;
  constructor(private formBuilder: FormBuilder) {}

  ngOnInit() {
      this.userForm = this.formBuilder.group({
        firstName: [''],
        lastName: [''],
        email: [''],
        password: [''],
      });
    }

}