如果您不想更改您的tsconfig。Json，你可以这样定义你的类:

class Address{
  street: string = ''
}

或者，你也可以这样做:

class Address{
  street!: string
}

通过在变量名后添加感叹号“!”，Typescript将确保该变量不是null或未定义的。

遵循2个步骤来解决这个问题:

"strictPropertyInitialization": tsconfig.json中的错误条目 ctrl+c在终端上停止你的服务器(检查终端，它在哪里运行)，然后用你使用的命令再次运行它，比如ng serve 这2个步骤，应该可以解决你的问题。因为它解决了我的问题。欢呼声……；）

该错误是合法的，可以防止应用程序崩溃。你输入了一个数组，但它也可以是未定义的。

你有两个选项(而不是禁用typescript存在的原因…):

1. 在你的情况下，最好是输入make，尽可能未定义。

makes?: any[]
// or
makes: any[] | undefined

所以当你试图访问make时，编译器会告诉你它可能是未定义的。 否则，如果下面的// <——Not ok行在getMakes完成之前执行，或者getMakes失败，你的应用程序将崩溃，并抛出一个运行时错误。这绝对不是你想要的。

makes[0] // <-- Not ok
makes.map(...) // <-- Not ok

if (makes) makes[0] // <-- Ok
makes?.[0] // <-- Ok
(makes ?? []).map(...) // <-- Ok

2. 您可以假设它永远不会失败，并且在编写下面的代码初始化之前永远不会尝试访问它(有风险!)所以编译器不会关心它。

makes!: any[] 

更具体地说,

你的代码设计可以做得更好。定义一个局部可变变量通常不是一个好的实践。你应该在你的服务中管理数据存储:

首先是nullsafe， 其次，能够分解大量代码(包括输入，加载状态和错误) 最后避免多次无用的reftech。

下面的例子试图展示这一点，但我没有测试它，它可以改进:

type Make = any // Type it

class MakeService {

  private readonly source = new BehaviorSubject<Make[] | undefined>(undefined);
  loading = false;

  private readonly getMakes = (): Observable<Make[]> => {
    /* ... your current implementation */
  };

  readonly getMakes2 = () => {
    if (this.source.value) {
      return this.source.asObservable();
    }
    return new Observable(_ => _.next()).pipe(
      tap(_ => {
        this.loading = true;
      }),
      mergeMap(this.getMakes),
      mergeMap(data => {
        this.source.next(data);
        return data;
      }),
      tap(_ => {
        this.loading = false;
      }),
      catchError((err: any) => {
        this.loading = false;
        return throwError(err);
      }),
    );
  };
}

@Component({
  selector: 'app-vehicle-form',
  template: `
    <div *ngIf="makeService.loading">Loading...</div>
    <div *ngFor="let vehicule of vehicules | async">
      {{vehicle.name}}
    </div>
  `,
  styleUrls: ['./vehicle-form.component.css']
})
export class VehicleFormComponent implements OnInit {
  constructor(public makeService: MakeService) {}

  readonly makes = this.makeService.getMakes2().pipe(
    tap(makes => console.log('MAKES', makes))
  );

  readonly vehicules = this.makes.pipe(
    map(make => make/* some transformation */),
    tap(vehicule => console.log('VEHICLE', vehicule)),
  );

  ngOnInit() {
    this.makes.subscribe(makes => {
      console.log('MAKES', makes);
    });
  }
}

当您使用typescript@2.9.2进行升级时，它的编译器严格遵守组件类构造函数内部数组类型声明的规则。

为了解决这个问题，要么改变代码中声明的代码，要么避免编译器在“tsconfig. properties”中添加属性“strictPropertyInitialization”:false。然后再次运行NPM start。

Angular web和移动应用开发你可以访问www.jtechweb.in

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

"strictPropertyInitialization": false,

改变

fieldname?: any[]; 

:

fieldname?: any;