TypeScript中引入window身上的方法报错：找不到名称

已于 2022-02-25 09:45:13 修改
阅读量5.8k 收藏
点赞数
分类专栏： TypeScript 文章标签： typescript javascript 开发语言
于 2022-02-25 07:30:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Liberty_yes/article/details/123113637
版权
本文指导如何在TypeScript项目中避免window方法使用报错，通过为window定义interface并指定any类型，以及在.d.ts文件中添加对应接口。了解如何正确引入window对象及其属性以提高代码兼容性和类型安全性。
摘要由CSDN通过智能技术生成

TypeScript使用window身上的方法
TypeScript中引入window身上的方法报错：
类型“Window & typeof globalThis”上不存在属性“xxxx”。

  1. 给window定义any类型：（不推荐）
    在这里插入图片描述
    这样就可以正常使用并且不报错啦！
  2. 在项目中找到*.d.ts后缀的文件 加上以下代码即可：
//.d.ts文件下
interface Window {
  gdp: any; //注意这里如果不写any那么用window.gdp是可以的，但是用window.gdp.a就会报错
}

在代码中直接使用window.gdp就可以啦！

Liberty_yes
关注
专栏目录
关于typescript中创建Proxy实例编译报错解决办法
weixin_42833042的博客
08-31 3234
众所周知，vue3.0也将要把数据劫持的实现从Object.defineproperty转向Proxy，同时也提升对typescript的类型支持，但是当我们自己使用typescript去new Proxy()的时候，可能会得到未定义Proxy这个错误警告，下面提供两个办法。 解决办法一： 查看tsconfig.json文件，一般来说如果没有特别设置过，那么你的compilerOptions中...
vue使用ts 引入组件_原有 vue 项目接入 typescript
weixin_39895881的博客
12-20 1413
为什么要接入typejava由于自身的弱类型，使用起来非常灵活。这也就为大型项目、多人协作开发埋下了很多隐患。如果是自己的私有业务倒无所谓，主要是对外接口和公共方法，对接起来非常头疼。主要表现在几方面：参数类型没有校验，怎么传都有，有时会出现一些由于类型转换带来的未知问题。接口文档不规范，每次都要通过读代码才能知道传什么，怎么传接口编写符合规范，但是公共库中有大量的处理类型校验的代码这就非常不利于...
ts 找不到名称“document”,是否需要更改目标库； 找不到“window“
qq_39750019的博客
07-16 4356
解决方法：tsconfig.json里变更 “lib”: [“es2015”], ===== “lib”: [“es2015”, “dom”],
TypeScript报错汇总&解决方案
最新发布
weixin_43470799的博客
09-07 304
尽管TypeScript声称自己是JavaScript的超集，只是如果单纯把TypeScript作为包含类型限定的JavaScript来使用，我们会在使用过程中遇到一些可能难以理解的报错，今天我来整理一下我在使用TypeScript中遇到的问题以及解决方案。
react+typescript使用window.ethereum报错
weixin_46353030的博客
03-20 2076
原因 参考下面的引用文字： TypeScript 作为 JavaScript 的超集，在开发过程中不可避免要引用其他第三方的 JavaScript 的库。虽然通过直接引用可以调用库的类和方法，但是却无法使用TypeScript 诸如类型检查等特性功能。为了解决这个问题，需要将这些库里的函数和方法体去掉后只保留导出类型声明，而产生了一个描述 JavaScript 库和模块信息的声明文件。通过引用这个声明文件，就可以借用 TypeScript 的各种特性来使用库文件了。 资料来源于菜鸟教程 解决办法 在s
关于TypeScript 扩展全局 Window 时报错「类型“Window & typeof globalThis”上不存在属性“xx”」的解决方案【TS+已解决】
XH_jing的博客
01-08 5757
由于TypeScript需要开发者做到先声明后使用。 这就导致开发者在调用很多原生接口（浏览器window、Node.js）或者第三方模块的时候，因为某些全局变量或者对象的方法并没有声明过，导致编译器的类型检查失败。 通常情况下，我们给`window`对象赋值，只需要`window.propoerty = 'xxx'`，但是在此处编译器或者检查器，并不认识`window`是什么，所以给出了错误提示。
如何在TypeScript中正确定义Window类型
清晰编程
02-14 4619
在几乎所有的前端应用中，你都可能遇到过这个错误：类型'Window & typeof globalThis'上不存在属性'X'。在这篇文章中，我们将介绍几个不同的解决方案来解决这个问题。
使用ts-node时抛出错误信息：Cannot find name ‘console‘解决方法
qq_45623597的博客
04-08 541
分析：可能是因为 TypeScript 没有正确地识别全局变量。
TypeScript学习笔记
诠释完美
07-12 1368
用于初始化变量为一个未定义的值。当不知道要向函数传入多少个参数，这时候可以使用剩余参数来定义。函数的参数不能同时存在可选参数和剩余参数。// 语句// param 为参数名，使用 ... 为前缀，表示为剩余参数。// datatype 为参数类型。// 类作用域。
TypeScript 高级用法全解
wjianwei666的专栏
06-18 1086
单独使用条件类型可能用处不是很大，但是结合泛型使用时就非常有用。一个常见的用例就是使用带有 never 类型的条件类型来修剪类型中的值。复制1.2.3.4.5.6.7.其中 NullableString 可以是 string 或 null 类型，它用于 itemName 变量。定义一个名为 NoNull 的类型别名：复制1.我们想从类型中剔除 null，需要通过条件来检查类型是否包含 null：复制1.
TypeScript 入门
weixin_45397318的博客
10-01 532
文章目录TypeScript 介绍TypeScript 包含的数据类型：一些注意的点函数数组TypeScript Map 对象TypeScript 联合类型接口类对象命名空间模块声明文件 TypeScript 介绍 TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译 安装 TypeScript，会提供一个 tsc 工具执行相应命令 tsc -h 查看这个工具有哪些命令 之后新建一个 ts 文件，执行 tsc ts文件名 命令将 Type
vscode报错：找不到.d.ts中定义的名称
qq_35134066的博客
11-19 9110
假如你在写ts的类型时报错：找不到名称 xxx，并且你已经在types或者typings目录中定义好了。那你应该检查你的tsconfig.json的include字段。 include数组应该包含所有的你写了ts的文件。 比如你的include如下： { "include": [ "src/**/*.ts", "src/**/*.d.ts", "types/**/*.d.ts" ] } 这时你在<project>/build/test.ts文件中使用了ty
React+TS变量挂载全局window,类型错误
haohaiwangji的博客
01-04 4256
在使用ts开发的时候，想要挂载变量到window上，结果出现错误提示： 类型“Window & typeof globalThis”上不存在属性
解决typescript报错：找不到名称xxx
jiaohuizhuang6019的博客
12-05 1768
解决typescript报错：找不到名称xxx
引用window自定义变量以及ts在window上自定义变量数据类型报错的解决方案
热门推荐
无翼之雀的博客
09-12 1万+
一、问题描述。举个例子，在TypeScript中，当我们需要给window对象添加全局变量（如testName），或者需要使用window下自定义创建的变量（以testName为例）。会出现以下ts报错：类型“Window & typeof globalThis”上不存在属性“testName”。二、解决方案。1、增加自定义属性声明。2、将window类型强制转换为any。3、使用方括号
如何在 TypeScript 中使用函数
web前端开发
03-05 451
英文 | https://www.digitalocean.com/community/tutorials/how-to-use-functions-in-typescript翻译 | 杨...
react+typescript通过window.xxx挂载属性报错的解决方案
博哥的二进制世界
09-06 2980
react+typescript通过window.xxx挂载属性报错的解决方案背景解决方案 背景 如下图，在react+typescript项目中，通过window.xxx挂载属性报错了，提示类型“Window & typeof globalThis”上不存在属性xxx，这是因为在typescript项目中，我们没有对window进行类型声明的原因，所以才会报错 解决方案 通过对window进行类型声明，即可解决此问题。 在项目src目录下创建types文件夹，文件家下创建common.d.ts
ts+react中使用window.localstorage
weixin_42429288的1博客
01-17 1816
原因 起初在开发代码中直接写localStorage.getItem(XXX), setItem(XXX) 结果在做单元测试的时候，会提示找不到windows.localStorage 为了通过测试, 我修改了开发代码: 定义接口然后去用一个类实现接口 export interface ICache { /** * save information...
ts引用window自定义变量或值数据类型报错解决方案
刻痕
07-09 4431
window下一些方法或者对象直接使用会报错，一般处理方案如下：1.使用 interface 定义类型 2.使用 type 定义类型 3.使用 as 强制转换类型为any 4.调用时使用 中括号 获取 差不多这几种最常用的处理方案，有问题留言...
类型ImportMeta 中ts报错：不存在属性glob
06-07
这个错误通常是因为你的 TypeScript 版本过低所导致的。在 TypeScript v3.8 之前的版本中，`ImportMeta` 类型确实不包含 `glob` 属性。 要解决这个问题，你需要升级你的 TypeScript 版本到 v3.8 或更高的版本。你可以通过以下命令升级 TypeScript： ``` npm install typescript@latest ``` 如果你已经安装了最新版本的 TypeScript，但仍然遇到这个问题，那么你可能需要检查你的代码中是否存在其他问题，如语法错误或其他类型错误。你可以尝试使用 TypeScript 的 `--strict` 选项来帮助你找出这些问题： ``` tsc --strict your-file.ts ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值