React中使用window全局变量出现“Property ‘xx‘ does not exist on type ‘Window typeof globalThis‘.“

news/2024/7/15 18:25:32 标签: react.js

这其实是个TypeScript 错误,在TypeScript 中使用window是需要全局扩展的。

需要在xx.d.ts文件中增加扩展或者在文件中扩展。

解决方式:

1、在src目录下创建一个global.d.ts文件:src/global.d.ts,然后在global.d.ts中添加以下代码,并为window手动指定属性:

// src/global.d.ts
export {}

declare global {
    interface Window {
        $microWidgetProps: any;//全局变量名
    }
}

2、在文件中添加如下代码:

declare const window: any;


http://www.niftyadmin.cn/n/886369.html

相关文章

如何在React项目中引入TypeScript?

一、新建项目使用TS 如果你是要新建一个使用TS的React项目,并且你是用脚手架Create React App去创建,那么就非常的容易,你只需要在创建的时候将命令改为: npm create-react-app "你的项目的名称" --template typescri…

TypeScript在React中的优雅写法

目录 前言 组件 Props 基础类型 对象类型 函数类型 React 相关类型 React元素相关 原生DOM相关 类组件 函数组件 与hooks的结合 useState userReducer useRef 自定义 hook React合成事件相关 Event 事件对象类型 扩展组件的 Props redux相关 第三方库 规约…

深入讲解Go语言中函数new与make的使用和区别

前言 本文主要给大家介绍了Go语言中函数new与make的使用和区别,关于Go语言中new和make是内建的两个函数,主要用来创建分配类型内存。在我们定义生成变量的时候,可能会觉得有点迷惑,其实他们的规则很简单,下面我们就通…

Linux Ubuntu使用6.2 命令行:超级用户

1、首次使用时需要给root设置密码: sudo passwd root 2、切换到root用户: su root 其中su表示switch user 3、退出 exit 注意: 1、su root仅对当前会话(终端)有效,不影响当前桌面环境; …

Linux CentOS 8常见命令

1、cd 切换当前目录 即 current directory 例如 cd /home/shaofa/examplecd ~/examplecd ../hellocd /home/shaofa/example 按TAB键可以自动补全cd ~/example 其中 ~ 特指用户的主目录cd 回到用户目录 (主目录) 位置cd ( 不带参数时,表示回…

CentOS 8:以root身份执行命令的三种办法

以root身份执行命令,有三种办法: 以root账户登录; 以普通用户来登录,临时切换到 su ; 以普通用户来登录,临时执行 sudo。

yum及yum-config-manager命令详解

yum命令是在Fedora和RedHat以及SUSE中基于rpm的软件包管理器,它可以使系统管理人员交互和自动化地更细与管理RPM软件包,能够从指定的服务器自动下载RPM包并且安装,可以自动处理依赖性关系,并且一次安装所有依赖的软体包&#xff0…

CentOS 8错误:为仓库 ‘appstream‘ 下载元数据失败 : Cannot prepare internal mirrorlist: No URLs in mirrorlist的解决办法

CentOS Linux 8在2022年12月31日来到生命周期终点(End of Life,EoL)。即CentOS Linux 8操作系统版本结束了生命周期(EOL),Linux社区已不再维护该操作系统版本。所以原来的CentOS Linux 8的yum源也都失效 &a…