仅单个文件报Experimental Support For Decorators警告的技术问询

这种单个文件触发Experimental Support For Decorators is Subject to Change in a Future Release警告的情况确实有点迷惑——毕竟其他用装饰器的文件都正常。我来帮你排查几个容易忽略的细节：

1. 检查局部TypeScript配置覆盖 #

首先看看这个文件所在的目录有没有自己的tsconfig.json或者tsconfig.app.json。如果有的话，局部配置可能会覆盖全局的tsconfig.json设置，比如有没有把experimentalDecorators设为false，或者没有继承全局配置的装饰器相关选项。

如果存在局部配置，确保它包含以下内容（或者继承全局配置）：

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true
  }
}

2. 重启TypeScript语言服务 #

VS Code的TypeScript语言服务有时候会缓存旧的配置，导致单个文件出现异常警告。你可以试试：

• 按下Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac）
• 输入TypeScript: Restart TS Server并执行
• 重新打开涉事文件，看看警告是否消失

3. 确认文件路径是否被全局tsconfig排除/未包含 #

检查你的全局tsconfig.json里的include和exclude字段：

• 确保include数组包含了这个文件所在的路径，比如"src/**/*.ts"（覆盖src下所有ts文件）
• 确保exclude数组没有排除这个文件的目录，比如不要出现"src/app/some-directory"这种包含该文件的路径

4. 检查文件扩展名和编辑器单独设置 #

• 确认这个文件的扩展名是.ts，而不是.tsx（虽然Angular支持tsx，但tsx文件的装饰器配置可能有细微差异）
• 查看VS Code的单独文件设置：右键文件 → 选择"Preferences: Configure Language Specific Settings"，检查有没有针对这个文件单独关闭了装饰器支持

另外，附上你提供的涉事文件代码（格式化后），方便参考：

import { Component, ViewChild, Inject } from '@angular/core';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
import { Client } from '../models/client.model';
import { ClientEditorComponent } from './client-editor.component';

@Component({
  selector: 'app-edit-client-dialog',
  templateUrl: 'edit-client-dialog.component.html',
  styleUrls: ['edit-client-dialog.component.scss']
})
export class EditClientDialogComponent {
  @ViewChild(ClientEditorComponent) editClient: ClientEditorComponent;

  get clientName(): any {
    return this.data.client ? { name: this.data.client.client_Name } : null;
  }

  constructor(
    public dialogRef: MatDialogRef<EditClientDialogComponent>,
    @Inject(MAT_DIALOG_DATA) public data: { client: Client }
  ) {
    console.log(this.data.client);
    console.log(this.data.client.client_Name);
  }

  ngAfterViewInit() {
    console.log(this.data.client);
    this.editClient.clientSaved$.subscribe(client => this.dialogRef.close(client));
  }

  cancel(): void {
    console.log(this.data.client);
    this.dialogRef.close(null);
  }
}

内容的提问来源于stack exchange，提问作者Irrelevant_Coder