解决typescript报错：不能将类型xxx分配给类型xxx

最新推荐文章于 2024-04-22 23:18:29 发布
最新推荐文章于 2024-04-22 23:18:29 发布
阅读量1.8k 收藏
点赞数
文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaohuizhuang6019/article/details/133314649
版权

现象：

 这种情况是因为组件传参时： 等号左右两边的数据类型不能严格匹配一致造成的

等号左边data, 查看一下被传参的子组件ProductList的内部data属性:

 

可以看到data的类型是 ： Product[] 

而右边的shoppingCartItems来自于： redux中shoppingCart slice, 进去看一下定义：

 可以看到它的定义是：Array<object>　而前面的是属性是：Product[] 

两边类型不一致。

所以只需要把后面这个的类型修改成： Array<any>，　问题就解决了

总结：针对typescript的这类报错：“不能将类型xxx分配给类型xxx”，要善于使用any属性来解决问题

kingtopest
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
openapi-typescript:根据Swagger OpenAPI规范生成TypeScript类型
05-10
:rocket:使用Node.js将和模式转换为TypeScript接口。 :nail_polish:输出使用Prettier进行（并且可以自定义！）。 :backhand_index_pointing_right:适用于本地和远程资源（文件系统和HTTP）。 查看示例： 用法 命令行...
typescript-transformer:将PHP类型转换为TypeScript
05-15
将PHP类型转换为TypeScript 该软件包允许您将PHP类转换为TypeScript。 这节课... /** @typescript */class User{ public int $ id ; public string $ name ; public ?string $ address ;} ...将转换为此TypeScript...
不能将类型“Ref.......“分配给类型“(...args: any) =＞ void”。
H_jrqn的博客
07-24 4779
不能将类型“Ref.......“分配给类型“(...args: any) => void”。
不能将类型“Element”分配给类型“FC＜any＞”
EmotionComputer
01-28 1254
TS常犯错误整理
【解决ts报错】 不能将类型“string | undefined”分配给类型““dark“ | undefined”。 不能将类型“string”分配给类型““dark“”。
蓝胖子的博客
03-14 546
【解决ts报错】 不能将类型“string | undefined”分配给类型““dark“ | undefined”。 不能将类型“string”分配给类型““dark“”。
antd中属性“align”的类型不兼容。不能将类型“string”分配给类型“AlignType | undefined”问题解决方案
09-27 420
然后我就使用了： align: 'center' as const,真的厉害啊，我也是不知所措，看了官网的类型描述：不知所以。
不能将类型“XXX“分配给类型“IntrinsicAttributes & IntrinsicClassAttributes＜PieChart＞ & Readonly＜{}＞ & Reado“
Little_Pig_Bug的博客
06-16 1万+
警告如下
解决typescript报错：找不到名称xxx
jiaohuizhuang6019的博客
12-05 1126
解决typescript报错：找不到名称xxx
【Typescript】报错：不能将xxx分配给“intrinsicAttribute“...
tuzi007a的博客
03-30 756
【Typescript】报错：不能将xxx分配给"intrinsicAttribute"...
最优雅解决typescript报错：“元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型”
热门推荐
m0_47670683的博客
04-07 5万+
最近在前端项目中遇到在用字符串当对象的key时报错，报错信息如下： “元素隐式具有 “any” 类型，因为类型为 “string” 的表达式不能用于索引类型” 在类型 XXX 上找不到具有类型为 “string” 的参数的索引签名。 搜索了一圈解决方案，没一个特别优雅的。 方案一，修改tsconfig 是修改tsconfig.json，加下面这行参数屏蔽检查，从而不报错。 "suppressImplicitAnyIndexErrors":true, 方案二，写一个函数转类型 export function
typescript报错：类型“ReactNode”的参数不能赋给类型“ReactElement＜any, string | JSXElementConstructor＜any＞＞”的参数，如何解决？
m0_47670683的博客
04-10 1万+
最近在做antd项目，使用typescript写layout组件，通过cloneElement给子组件的props添加initialState中的数据遇到飘红： 类型“ReactNode”的参数不能赋给类型“ReactElement<any, string | JSXElementConstructor<any>>”的参数。 这里涉及到下面两个知识点： ReactNode 这是一种联合类型，可以是string、number、ReactElement、{}、boolean、React
解决Typescript报错：Property ‘style‘ does not exist on type ‘Element‘
Andrew_SJ的博客
07-21 1721
此时使用style修改节点的样式时报错了，报错信息如下： 直接提示我们’style’ does not exist 百度查找之后发现是我们没有给list做类型断言，所以typescript在检查类型的时候直接报错了。 解决方法如下： 给list添加<HTMLElement>做类型断言，完美解决 原文链接：https://blog.csdn.net/weixin_42684309/article/details/103251520 ...
json2typescript：使用安全的类型检查将JSON转换为TypeScript！
01-31
类型检查和对象映射只能在TypeScript中进行，而不能在JavaScript运行时中进行。 由于API随时可能更改，因此对于较大的项目，验证使用的数据非常重要。 json2typescript是一个小型软件包，其中包含一个将JSON对象...
jtsgen:将Java类型转换为TypeScript
05-06
jtsgen ：将Java类型转换为TypeScript tl; dr在TypeScript项目中启用Java类型的代码完成。 注释： 处理器： 特征 该项目从Java源发出TypeScript类型。 jtsgen被实现为注释处理器，因此应该轻松地将其集成到当前的...
titanium-typescript:TypeScript 的 Titanium Mobile 类型
06-11
钛打字稿 Titanium Appcelerator API v3.1.3.GA 的环境声明。 var ROWS: number = 10; var children: Array<Titanium> = button.getChildren(); var window: Titanium.UI.Window = Titanium.UI.createWindow({ ...
《前端面试题》- TypeScript - TypeScript的优/缺点
小张微说的博客
04-22 7225
问题 简述TypeScript的优/缺点 答案 优点 增强了代码的可读性和可维护性 包容性，js可以直接改成ts，ts编译报错也可以生成js文件，兼容第三方库，即使不是ts编写的 社区活跃，完全支持es6 缺点 增加学习成本 增加开发成本，因为增加了类型定义 需要编译，类型检查会增加编译时长，语法和类型系统复杂的话时间特别特别长 eval和new Function()这种操作类型系统管不到 ...
教育科学规划项目中期检查报告书.docx
06-05
教育科学规划项目中期检查报告书.docx
中医药研发风险分担基金备案申报专家组评审表.docx
最新发布
06-05
中医药研发风险分担基金备案申报专家组评审表.docx
typeScript报错SyntaxError: Unexpected token '<'
08-22
当在HTML中直接引入TypeScript的.ts文件时，出现SyntaxError: Unexpected token '<'的报错是因为浏览器无法识别并解析TypeScript代码。浏览器只能理解和执行JavaScript代码，而不是TypeScript代码。因此，当直接引入.ts文件时，浏览器会将其视为无法识别的语法错误。 为了解决这个问题，你可以使用TypeScript编译器将.ts文件转换为浏览器可以理解的JavaScript代码。可以使用命令行工具或构建工具（如webpack）将TypeScript代码编译为JavaScript代码。然后，在HTML文件中引入编译后的JavaScript文件即可避免该报错。 另外，在你提供的代码示例中，引入.ts文件的script标签中使用了相对路径"./test.ts"，请确保路径是正确的，并且确保已经正确配置了TypeScript编译环境。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [TypeScript Uncaught SyntaxError: Unexpected token ‘:](https://blog.csdn.net/zz00008888/article/details/125262327)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [nebbia：JavaScript模板文字（模板字符串）编译器](https://download.csdn.net/download/weixin_42168902/15499261)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值