Angular 10集成Application Insights报错：rootDir异常及AISKU文件夹缺失

我之前在Angular项目里集成Application Insights时也碰到过几乎一模一样的问题，这个报错本质是@microsoft/applicationinsights-web包的内部tsconfig配置有误，或者安装的包版本和Angular 10的TypeScript版本不兼容导致的。给你几个可行的解决办法：

• 降级到兼容的包版本
  Angular 10对应的TypeScript版本是3.9.x，而较新的@microsoft/applicationinsights-web版本可能要求更高的TS版本，从而触发这个rootDir的错误。你可以尝试降级到经过验证的稳定版本，比如：

  npm install @microsoft/applicationinsights-web@2.8.10 --save
  

• 跳过库类型检查（临时方案）
  如果暂时不想调整包版本，可以在你项目根目录的tsconfig.json里的compilerOptions中添加"skipLibCheck": true，这样TypeScript会跳过对第三方库文件的类型检查，直接绕过这个报错：

  {
    "compilerOptions": {
      // 其他配置...
      "skipLibCheck": true
    }
  }
  

  注意：这只是临时规避问题的方式，长期来看还是建议使用兼容版本的包。

• 清理缓存重新安装
  有时候缓存的安装文件可能导致异常，试试删除依赖文件后重新安装：

  • Windows系统：

    rd /s /q node_modules && del package-lock.json
    npm install
    

  • Mac/Linux系统：

    rm -rf node_modules package-lock.json
    npm install
    

• 检查项目的rootDir配置
  确认你自己项目的tsconfig.json里的rootDir是指向项目自身的src文件夹，而不是node_modules里的路径，比如：

  {
    "compilerOptions": {
      "rootDir": "./src",
      // 其他配置...
    }
  }
  

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