react+typescript通过window.xxx挂载属性报错的解决方案

1,448 阅读1分钟

react+typescript通过window.xxx挂载属性报错的解决方案

背景

如下图,在react+typescript项目中,通过window.xxx挂载属性报错了,提示类型“Window & typeof globalThis”上不存在属性xxx,这是因为在typescript项目中,我们没有对window进行类型声明的原因,所以才会报错
在这里插入图片描述

解决方案

通过对window进行类型声明,即可解决此问题。
在项目src目录下创建types文件夹,文件家下创建common.d.ts

interface Window {
  [propName: string]: any;
}

在这里插入图片描述
此时通过window.xxx挂载属性就不会再报错了
在这里插入图片描述