main.ts报错问题

于 2022-12-31 01:17:27 发布
阅读量403 收藏
点赞数
分类专栏： react 文章标签： react.js 前端 javascript typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47287832/article/details/128502299
版权
本文档解决了一个 TypeScript 错误，该错误发生在尝试将 `document.getElementById('root')` 的结果赋值给 `ReactDOM.createRoot` 的参数时。错误表明类型 'HTMLElement|null' 不可赋值给 'Element|DocumentFragment'。解决方案是使用类型断言明确将元素转换为 HTMLElement。
摘要由CSDN通过智能技术生成

Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Element | DocumentFragment'. Type 'null' is not assignable to type 'Element | DocumentFragment'.ts(2345)
在这里插入图片描述
改正后

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)

在这里插入图片描述

Java精灵儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue3 的 main.ts 文件，包含了 elementui-plus 注册，icon 全局注册等常用注册
06-06
vue3 的 main.ts 文件，包含了 elementui-plus 注册，icon 全局注册全量注册，并且包含了electron 与 vue3 进程整合时，进程间通讯的方法调用报错提示 ： window 找不到xxx属性的问题的解决方案。根据案例代码，可以...
解决render-notebook图片不显示.docx
最新发布
04-08
jupyter nbextension enable assets/main ``` 这些命令会将必要的文件安装到Jupyter Notebook的扩展目录中，并激活它们以便在Notebook中使用。 3. **配置PyEcharts** 在每个`.ipynb`文件的开头添加以下代码来...
项目css加载不出来问题解决
VIPshao的博客
05-11 7180
很久以前做的一个项目开发完了放哪里一直没用，毕业设计来临之际我不想去做别的了就把它那里用了，谁知道倒进去不好使啊，但是最先的问题还不是这个而是： org.apache.jasper.JasperException: Unable to compile class for JSP: An error occurred at line: 23 in the generated java
Argument of type ‘HTMLElement | null‘ is not assignable to parameter of type ‘HTMLElement‘. Type ‘
Cheryl的加工厂
04-12 5212
在vue3.0+typescript+echarts5.0项目中，初始化图表， public myChart = echarts.init(document.getElementById("main"))； 控制台出现以下报错 Argument of type 'HTMLElement | null' is not assignable to parameter of type 'HTMLElement'. Type 'null' is not assignable to type 'HTMLElem
【react】react中使用document报‘HTMLElement | null‘ is not assignable to parameter of type ‘HTMLElement‘
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
04-24 3634
问题原因 我在使用react+ts框架使用document函数获取id名时报错： Argument of type ‘HTMLElement | null’ is not assignable to parameter of type ‘HTMLElement’. 大概意思就是:‘HTMLElement | 类型的参数 null’ 不能分配给“HTMLElement”类型的参数。 解决流程 我把document.getElementById(“echartsmap”)别名为HTMLElement就可以了
Argument of type ‘HTMLElement | null‘ is not assignable to parameter of type ‘HTMLElement‘. Type ‘
Misnice的博客
09-19 1397
typescript 类型声明
vue3-clipboard:for Vue 3的剪贴板.js绑定
04-28
src/main.ts import { createApp } from 'vue' import App from './App.vue' import { VueClipboard } from '@soerenmartius/vue3-clipboard' createApp ( App ) . use ( VueClipboard ) . mount ( '#app' ) 导入...
Vue+Typescript中在Vue上挂载axios使用时报错问题
12-10
main.ts import Vue from 'vue' import axios from './utils/http' Vue.prototype.$axios = axios; 这样的话,我们在各个组件中进行请求时，就可以直接使用this.$axios，但是在ts中使用this.$axios进行请求时，会...
DOM-manip_wk6_day5_wkend_hw
02-14
【文件列表】：“DOM-manip_wk6_day5_wkend_hw-main”可能是项目的主要代码文件或入口文件，通常包含初始化代码、DOM操作逻辑和其他核心功能。 **知识点详解** 1. **DOM基础**：理解DOM是一个树状结构，其中每个...
html input null,类型“ null”不可分配给类型“ HTMLInputElement”的ReactJs
weixin_32563347的博客
06-11 1560
我正在尝试将数据与打字稿一起引用到reactJS中。在这样做时，我得到以下错误Type 'null' is not assignable to type 'HTMLInputElement'请让我知道这里到底有什么不正确，我使用了来自React https://reactjs.org/docs/refs-and-the-dom.html的 documentaiton，但我认为我在这里做错了什么。以...
Error: Projects must list all files or use an ‘include‘ pattern.
weixin_40156417的博客
10-11 1万+
import引入文件时，文件明明存在却报错： File 'xxx/packages/@vue/src/use-list.ts' is not listed within the file list of project 'xxx/packages@/vue/tsconfig.json'. Projects must list all files or use an 'include' pattern. 解决方法： 在is not listed within the file 指明的文件中的 in..
ts中引入js文件以及使用全局js方法报错问题
想搞全栈的前端
09-18 1万+
ts中引入js报错 一、 无法找到模块“@/xxx/xxx”的声明文件。“xxx.js”隐式拥有 “any” 类型。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Txigu319-1631930149705)(C:\Users\oyzq\AppData\Roaming\Typora\typora-user-images\1631929576599.png)] 解决办法： 使用 require引用 const { encryptionJump,decryptJump } =
Ts学习日记（四）
qq_43957263的博客
12-24 928
对Typescript泛型的学习
vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）
XSL_HR的博客
12-26 1万+
vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）
Vue-router报错Argument of type ... is not assignable to parameter of type 'RouterOptions'的解决方案
热门推荐
HermitSun的博客
08-16 4万+
这个问题说起来也奇怪，之前一直用得好好的，打包的时候突然router就报错了。报错信息很长，其中最主要的就是这一段： Argument of type '{...（中间一大段代码略过）}' is not assignable to parameter of type 'RouterOptions'. Types of property 'routes' are incompatible. ...
Argument of type ‘null‘ is not assignable to parameter of type ‘string‘
qq_25953937的博客
01-30 2061
@HostListener(‘mouseleave’) onMouseLeave(): any { this.highlight(null); // 报错null 改为’ ’ } null 改为’’ 即可
main.ts:10 TypeError: Failed to fetch dynamically imported module
08-30
main.ts:10中的TypeError: Failed to fetch dynamically imported module错误是由于无法获取动态导入的模块所导致的。 这个错误通常是由以下原因引起的： 1. 路径错误：在main.ts的第10行，可能出现了路径错误，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java精灵儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值