Angular项目使用App Insights触发@typescript-eslint/no-unsafe-assignment报错求助
报错根因说明
你标注的三处代码报错根源一致:ESLint判定ApplicationInsights相关实例、方法属于any类型,触发了@typescript-eslint/no-unsafe-assignment类型安全校验规则,具体触发场景如下:
- 未正确导入
ApplicationInsights类型
请先确认文件头部的导入语句正确,示例:
import { ApplicationInsights } from '@microsoft/applicationinsights-web';
如果导入路径错误、拼写错误,TypeScript会将无法识别的ApplicationInsights标记为any类型,赋值、调用方法时都会触发类型安全报错。
- 未安装带类型声明的依赖包
旧版本的Application Insights包不内置类型声明,需要额外安装类型依赖:npm install @types/microsoft__applicationinsights-web --save-dev
目前官方新版@microsoft/applicationinsights-web已自带类型声明,只要正常安装主包即可正常识别类型。 - 特殊场景兼容方案
如果确认导入和依赖安装都无问题,仍触发报错,可以添加显式类型断言强制匹配类型:
this.appInsights = new ApplicationInsights({ config: { instrumentationKey: environment.appInsights.instrumentationKey, enableAutoRouteTracking: true } }) as ApplicationInsights;
内容的提问来源于stack exchange,提问作者AlexB
相关产品推荐
相关产品推荐

