Property xxx does not exist on type ‘Window & typeof globalThis‘ 解决方法

已于 2024-05-16 19:23:30 修改
阅读量2.7k 收藏 2
点赞数 2
分类专栏： 基础/常用 typescript 文章标签： 前端 javascript
于 2024-05-16 19:21:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/s18813688772/article/details/138972206
版权

问题现象

出现以上typescript警告，是因为代码使用了window的非标准属性，即原生 window 对象上不存在该属性。

解决办法

在项目 根目录 或者 src目录 下新建 xxx.d.ts 文件，然后进行对该 属性 进行声明即可。

注意：假如xxx.d.ts文件不在src目录下，则需要在根目录的 tsconfig.json 文件中，指定其所在目录，如下图所示

 

TS 进阶类型之联合类型、交叉类型、类型别名、 函数类型、对象类型、字面量类型、泛型、as断言
qq_37635012的博客
05-27 688
当 TS 不确定一个联合类型的变量到底是哪个类型的时候,可以定义多种类型，例如，一个变量既支持 number 类型，又支持 string 类型.对象的属性是可以有修饰符的，目前有两种修饰符，分别是 readonly 关键字对应的可选属性 和?联合类型 | 是指可以取几种类型中的任意一种，而交叉类型 & 是指把几种类型合并起来。类型是有父子关系的，子类型的值可以赋值给父类型，但是父类型的值是不能够赋值给子类型的.然后我们在每个属性前面加上了 readonly 这样所有的属性都是只读的了。
Property ‘unmount‘ does not exist on type ‘Window & typeof globalThis‘
天问博客-专注于大前端技术
12-12 1302
在 Vue3 + Vite + TS 的项目中，接入 MicroApp 微前端时，编辑器出现 TS2339: Property 'unmount' does not exist on type 'Window & typeof globalThis'. 的错误提示。
Property ‘xxx‘ does not exist on type ‘xxx‘报错解决
m0_67402236的博客
03-08 2万+
用ts写一个组件的时候，遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错，但神奇的是竟然还能正常运行。 在参考一些正确的代码后，有两个解决方案。 在export default class Add extends Vue {} 里面定义对应的Prop： import { Component, Vue, Prop } from “vue-property-decorator”; import { mapState } from “vue
el-table表格toggleRowSelection方法选中无效
最新发布
m0_61618849的博客
03-23 363
toggleRowSelection方法传入的row，都要从表格tableData里取值，类似tableData[0]这样，或者tableData.forEach中的item。开发中会有对表格中进行默认选中的功能，element-plus官方有一个选中示例，如下。如果需要通过接口加载完表格数据，再回显勾选，那还需要写在nextTick函数里边。如果我们新建一个row数据，发现就是勾选不上，延迟执行也不行。
React中使用window全局变量出现“Property ‘xx‘ does not exist on type ‘Window & typeof globalThis‘.“
duansamve的博客
09-07 1万+
解决React中使用window全局变量出现“Property ‘xx‘ does not exist on type ‘Window & typeof globalThis‘.“的问题
property xxx does not exist on type Object报错
smallteddy.blog.youkuaiyun.com
07-06 1万+
在TypeScript中如果按JS的方式去获取对象属性，有时会提示形如Property ‘xxx’ does not exist on type 'Object’的错误。下文代码中的’xxx’替换成你的变量。 var obj: Object = Object.create(null); obj.xxx= "xxx";//[ts] Property 'xxx' does not exist on type'Object'. 这是因为Typescript在执行代码检查时在该对象没有定义相应属性，遇到该报错有以
记录Property ‘xxx‘ does not exist on type问题解决方法
liyp921210的博客
03-20 7119
在Vue3 + TS 的demo项目中 , 使用app.config.globalProperties.$session = sessionStorage封装了一个全局的$session , 但是出现了Property '$session' does not exist on type的报错提示 , 查找了下发现是需要写一个声明文件。在src文件夹下新建一个xxx.d.ts文件。
UmiJS4使用window全局变量出现“Property ‘xx‘ does not exist on type ‘Window & typeof globalThis‘.“
catalike的博客
08-15 5699
在umi4.0版本前，利用官方脚手架生成的项目，根目录的tsconfig是做了配置的，能让同在根目录下的typings.d.ts文件生效，然而4.0版本后就需要自己配置了。当然，typescript项目也都是可以的用上述代码解决的，只要保证tsconfig.json生效，并在include配置项中添加了.d.ts文件。当然重新配置还需要重新copy老版本的配置项，显然官方是不会让我做这么麻烦的事情的（而且在.umi目录下就有配置好的tsconfig.json）需要在xx.d.ts文件中增加扩展。......
Vue 品牌列表padStart方法的使用
mqingo的博客
01-04 638
06品牌列表padStart方法的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
hexo（sakura）给博客增添侧边栏（回到顶部，跳转评论，深色模式，播放音乐)&&Valine-1.4.4新版本尝鲜+个性制定（表情包、qq头像、UI样式）
热门推荐
08-14 3万+
文章目录hexo（sakura）给博客增添侧边栏（回到顶部，跳转评论，深色模式，播放音乐）原理直接使用Valine-1.4.4新版本尝鲜+个性制定（表情包、qq头像、UI样式）总结 本文全是转载 hexo（sakura）给博客增添侧边栏（回到顶部，跳转评论，深色模式，播放音乐） 原理 1.回到顶部 id为btn，当点击时，触发回滚到顶部。会监听滚动条，如果在顶部，就不会出现回到顶部的图标。 js： function BackTOP() { $("#btn").hide();
Vue 16v-if和v-show的特点
mqingo的博客
01-02 2042
16v-if和v-show的特点.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>16v-if和v-show的特点</title> <script type="text/javascript&quot
【TypeScript】函数类型：返回值类型和参数类型到底如何定义？
吉帅振博客
08-08 1104
在 JavaScript 中，函数是构建应用的一块基石，我们可以使用函数抽离可复用的逻辑、抽象模型、封装过程。在 TypeScript 中，虽然有类、命名空间、模块，但是函数同样是最基本、最重要的元素之一。我们还可以显式指定函数参数和返回值的类型，示例如下。}函数是 JavaScript 和 TypeScript 中极其重要的基础部分，无论是面向过程，还是面向对象编程，都离不开函数的抽象、封装。...
property ‘AAA‘ does not exist on type ‘Window & typeof globalThis‘.解决办法
weixin_48986139的博客
03-01 9060
第一种 (window as any).aaa 第二种 declare global { interface Window { aaa: any; } } window.aaa = window.aaa || {}; 第三种 interface MyWindow extends Window { aaa(): void; } declare var window: MyWindow;
Property ‘electron‘ does not exist on type ‘Window & typeof globalThis‘. Did you mean ‘Electron‘?
魏大大
12-12 2344
在使用IPC实现Election主进程和渲染进程通信的过程中，会在前端调用的时候遇到类似的Typescript错误（但是并不影响代码的执行）。造成这种错误的原因是：Typescript不知道对象实例。文件之后，必须把这个文件的名称在。里面配置，否则官方教程不会生效。这样就可以立即解决问题！对象，提示语法错误。
Property ‘webkit‘ does not exist on type ‘Window & typeof globalThis‘.
iOS_MingXing的博客
12-30 448
在 Vue3 + Vite + TS 的项目中，接入 MicroApp 微前端时，编辑器出现 TS2339: Property ‘webkit’ does not exist on type ‘Window & typeof globalThis’. 的错误提示。注意：假如xxx.d.ts文件不在src目录下，则需要在根目录的 tsconfig.json 文件中，指定其所在目录，如下图所示。项目中在 window 上挂载了一个 webkit 方法，但是 TS 并不知道这个方法的存在，所以会报错。
[ts]Property ‘screenWidth‘ does not exist on type ‘Window & typeof globalThis‘.ts(2339)
qubes的专栏
03-24 791
ts不认识window下的screenWidth。声明类型，根目录下的类型声明。
Electron+Vue3 进程间通信 报错 ：Property ‘OwlAPI‘ does not exist on type ‘Window & typeof globalThis‘
northcastle的博客
06-06 607
electron+vue3 进程间通讯报错，提示 window 找不到某个属性
完美解决：Property ‘XXX‘ does not exist on type ‘Window‘
web_ding的博客
04-20 1万+
发生情景： 在app中的h5,app注入了全局的window对象和webview里面的页面交互，打包的时候报了错误。 解决方式： 方法一： (window as any).xxx 方法二： declare global { interface Window { xxx: any; } } window.xxx= window.xxx|| {}; 方法三： interface MyWindow extends Window { xxx(): void; } decl
Property toggleVisibility does not exist on type
12-10
这个错误提示"Property toggleVisibility does not exist on type"通常出现在TypeScript或者其他强类型语言（如JavaScript的TS版本）中，当你尝试访问某个对象的一个不存在的属性（toggleVisibility）时。这表明你在某个特定类型的上下文中找不到名为`toggleVisibility`的方法或属性。 例如，如果你有一个组件，它应该是隐藏显示的，但在声明该组件类型时忘记导入或正确地声明了`toggleVisibility`方法： ```typescript class MyComponent { // 错误的类型声明 showOrHide() { this.toggleVisibility(); // 报错，因为toggleVisibility不存在 } } ``` 正确的做法应该是检查类型定义是否完整，确保`MyComponent`或者其所在模块有`toggleVisibility`这个方法，并且在需要的地方导入： ```typescript import { MyComponentWithToggleVisibility } from './myComponent'; // 假设MyComponentWithToggleVisibility有toggleVisibility class MyClass extends MyComponentWithToggleVisibility { showOrHide() { this.toggleVisibility(); } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值