Angular创建开发服务器遇TS2502错误，求全局解决方法

方法1：修改Angular CLI全局模板（一劳永逸首选） #

ng new创建项目时依赖CLI自带的全局模板，直接修改模板就能让所有新项目自动带上修复配置：

• 定位模板路径：
  Windows：打开文件管理器，地址栏输入%APPDATA%\npm\node_modules\@angular\cli\packages\angular\schematics\application\files回车即可进入
  macOS/Linux：在终端执行命令 cd /usr/local/lib/node_modules/@angular/cli/packages/angular/schematics/application/files
• 修改模板配置：
  打开目录内的tsconfig.json文件，找到angularCompilerOptions节点，添加"skipLibCheck": true后保存。
  后续使用ng new创建的所有项目，生成的tsconfig会自动包含该配置，无需重复手动修改。

方法2：全局TypeScript配置兜底 #

如果不想修改CLI模板，可通过全局tsconfig让所有Angular项目自动继承修复配置：

• 在你的用户根目录（Windows为C:\Users\<你的用户名>，macOS/Linux为~）创建tsconfig.json文件，内容如下：

  {
    "angularCompilerOptions": {
      "skipLibCheck": true
    }
  }
  

• Angular新项目默认的tsconfig.app.json会继承根目录的tsconfig.json，因此该全局配置会自动生效。

错误原因说明 #

TS2502错误源于Angular 14配套的TypeScript版本（4.6.x-4.8.x）与DOM标准库类型定义的兼容性冲突，ReadableByteStreamController、ReadableStreamBYOBReader等类型的自引用注解在该TS版本范围内会触发报错，开启skipLibCheck可跳过库类型检查，直接规避该问题。

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