在tsconfig中添加一些配置时，我们可能会得到这样的消息:Property没有初始化式，并且在构造函数中没有明确地赋值。json文件，以便在严格模式下编译Angular项目:

"compilerOptions": {
  "strict": true,
  "noImplicitAny": true,
  "noImplicitThis": true,
  "alwaysStrict": true,
  "strictNullChecks": true,
  "strictFunctionTypes": true,
  "strictPropertyInitialization": true,

实际上，在使用成员变量之前，编译器会报错成员变量没有定义。

对于一个在编译时没有定义的成员变量的例子，一个成员变量有一个@Input指令:

@Input() userId: string;

我们可以通过声明变量可以是可选的来关闭编译器:

@Input() userId?: string;

但是，我们将不得不处理变量未定义的情况，并使用一些这样的语句使源代码混乱:

if (this.userId) {
} else {
}

相反，知道这个成员变量的值将及时定义，也就是说，它将在使用之前定义，我们可以告诉编译器不要担心它没有被定义。

告诉编译器这一点的方法是添加!明确赋值断言运算符，如:

@Input() userId!: string;

现在，编译器知道这个变量虽然没有在编译时定义，但应该在运行时以及在使用它之前及时定义。

现在由应用程序来确保在使用该变量之前已经定义了该变量。

作为一种额外的保护，我们可以在使用变量之前断言变量正在被定义。

我们可以断言变量已经定义，也就是说，所需的输入绑定实际上是由调用上下文提供的:

private assertInputsProvided(): void {
  if (!this.userId) {
    throw (new Error("The required input [userId] was not provided"));
  }
}

public ngOnInit(): void {
  // Ensure the input bindings are actually provided at run-time
  this.assertInputsProvided();
}

知道了变量的定义，现在可以使用变量:

ngOnChanges() {
  this.userService.get(this.userId)
    .subscribe(user => {
      this.update(user.confirmedEmail);
    });
}

注意，ngOnInit方法是在输入绑定尝试之后调用的，即使没有向绑定提供实际的输入。

而ngOnChanges方法在尝试输入绑定之后才会被调用，并且仅当有实际输入提供给绑定时才会调用。

在tsconfig。json文件，在“compilerOptions”中添加:

"strictPropertyInitialization": false,

一个更好的方法是在变量的末尾加上感叹号，因为你确定它不是undefined或null，例如你正在使用一个ElementRef，需要从模板加载，不能在构造函数中定义，做如下所示的事情

class Component {
 ViewChild('idname') variable! : ElementRef;
}

只需转到tsconfig。Json和set

"compilerOptions": {
    "strictPropertyInitialization": false,
    ...
}

来消除编译错误。

否则你需要初始化所有的变量这有点烦人

属性”……'没有初始化式，在Angular的构造函数错误修复中也没有明确赋值

解决方法1:关闭strictPropertyInitialization标志

在Angular应用中修复这个错误的简单方法是在tsconfig中的typescript编译器选项中禁用——strictPropertyInitialization标志。json文件。

"compilerOptions": {
  ///
  ,
  "strictPropertyInitialization":false
}

解决方案2:向属性添加未定义的类型

有一个未定义的属性是可以的。

因此，在声明变量时，将未定义的类型添加到属性。

employees: Employee[];

//Change to 

employees : Employee[] | undefined;

解决方案3:向属性添加明确的赋值断言

如果你知道，我们将在以后的时间点分配财产。

最好在属性中添加明确的赋值断言。也就是说,员工。

employees!: Employee[];

解决方案4:向属性添加初始化式

消除此类型错误的另一种方法是向属性添加显式初始化式。

employees: Employee[] = [];

解决方案5:在构造函数中赋值

否则，可以在构造函数中为属性赋值。

employees: Employee[];

constructor() { 
    this.employees=[];
}

最佳解决方案

从TypeScript 2.7.2开始，如果一个属性在声明时没有赋值，你需要在构造函数中初始化它。

如果你来自Vue，你可以尝试以下方法:

在tsconfig.json中添加"strictPropertyInitialization": true 如果你对禁用它不满意，你也可以尝试这个makes: any[] | undefined。这样做需要使用空检查(?.)操作符访问属性，即this.makes?.length 你也可以尝试一下!: any[];，这告诉TS将在运行时赋值。