在ts中用console.log打印出的变量明明包含有某个属性，但是想用.调用改属性就提示说不存在这个属性

最新推荐文章于 2024-01-12 16:06:33 发布
最新推荐文章于 2024-01-12 16:06:33 发布
阅读量461 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36181045/article/details/132455495
版权

这种情况可能是由 TypeScript 的类型系统引起的，它会对变量的类型进行检查，如果 TypeScript 认为某个属性不存在于该变量的类型中，就会报错。

如果你确定变量中实际包含了该属性，但 TypeScript 报错了，你可以用以下办法解决：

类型断言（Type Assertion）： 使用类型断言，可以告诉 TypeScript 你知道变量的类型比它推断的更准确。例如：

console.log((yourVariable as any).propertyName);

其中propertyName就是你想调用的属性

Bonny雨曦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
ts+socket.io.zip
10-13
cocoscreator下使用ts版本的socket.io，后端socket.io包版本是 ^2.2.0 需要使用1.4.4版本的socket.io.js，配合1.4.5版本的.d.ts声明文件实现智能提示， 使用方法： 在脚本开头引入js： import { connect } from "./socket.io"; if (!cc.sys.isNative) {this.socket = connect(url, options?);} else{ this.socket = io.connect(url, options?);}
vue2，3+js+ts的three.js 项目，一共四个项目 ，厂房，机台，楼层显示
07-17
vue2，3+js+ts的three.js 项目，一共四个项目 ，厂房，机台，楼层显示
VSCode中如何利用d.ts文件进行js智能提示
10-18
主要给大家介绍了关于VSCode中如何利用d.ts文件进行js智能提示的相关资料，文中通过图文以及示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
ts24.lib文件下载 解压后使用
04-29
ts24.lib压缩文件 解压后即可使用
TS型驱动器中文说明.pdf
05-08
TS型驱动器中文说明.pdf
ts如何使用终端直接输出console（基础教程）
qq_44472790的博客
12-14 5117
安装 typescript npm install -g typescript 安装 ts-node npm install -g ts-node 新建一个ts文件，比如：demo.ts function add(n1:number,n2:number):number{ return n1+n2; } console.log( add(88,11)) 将终端路径切到当前demo.ts所在的根目录下 执行 ts-node demo.ts 控制台输出结果： 99 ...
TypeScript
qq_45228255的博客
03-29 1141
复习TypeScript
ts用print替换console.log函数
springleaf2的专栏
05-29 1399
export function print(...args: any[]){ console.log(...args) }
tslit 中 console.log 报错该怎么整
weixin_45548211的博客
08-22 919
在 tslint.json 文件中加上一条规则就ok了： "rules": { "no-console": false },
TypeScript调试（配置及问题解决）初学
费马程序猿的博客
09-10 1846
一、创建code目录 右键通过vsCode打开 二、新建ts文件 三、ts文件内容代码 console.log('1 准备开始执行 for 循环') for (let i: number = 1; i <= 3; i++) { console.log('鲲太大一锅装不下') } console.log('2 for 循环执行结束') 四、在ts文件点击右键打开集成终端 确保后面步骤 安装命令都在我们项目文件夹下 五、ts好像有node版本要求 尽量使用node1...
mounted 内写console.log 报错
小哈力----一个小前端工程师
01-31 487
原因：是eslint问题 解决办法：暂无
解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，三种方法彻底根治
热门推荐
05-09 3万+
网上找了各种原因，有让添加jsconfig.json文件的，有让新建一个项目的，有的直接放弃ts的，哈哈哈，真的是千奇百怪都有，好吧，我这里就也出一种方法，不要用vscode了，使用WebStorm，哈哈哈，可能让你也想不到吧，但是真的有效啊：请看效果，就不报错了，撒花。
console.log()打印引用类型，出现神奇事件
luoteen的博客
06-04 687
举个栗子???????????????????? var obj = { age: 1 } console.log(obj) obj.age = 2 按正常的是输出为 { age: 1 } 但： 外层为1，展开却为2。 consloe.log()一开始，在没有展开的时候是一个快照，在展开后，因为是引用类型，会再去根据指针找到对应地址，也就是最新的值。 ...
TypeScript 之 console的使用
qq_24726043的博客
12-10 334
控制台console的使用
TS教程-小白也能秒懂的TS入门指南，跟上程序员的脚步！
ll_883963的博客
07-05 9003
TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。js 有的 ts 都有，所有js 代码都可以在 ts 里面运行。ts 支持类型支持，ts = type +JavaScript。ts 完全支持 js ，可以直接转换jsts动态编程语言静态编程语言边解释边执行，错误只有在运行的时候才能发现先编译再执行，在写的时候就会发现错误了（ts不能直接执行，需要先编译成 js ）
TypeScript基本使用和变量类型详解
qq_44749491的博客
10-21 2105
Ts的基本使用以及各种基本类型详解
使用typescript报错只读类型上不存在属性xxx
蓝枫秋千的踩坑记录
01-09 1万+
在react项目中引入了typescript,当你要读取this.state里面的属性的时候 比如: <Input placeholder="请输入企业名称" value={this.state.bussinessName} onChange={(e) => this.inputOnChange('bussinessName', e.target.value)} />...
TS如何解决属性在另一个类型中不存在的问题？
拯救世界的光太郎
12-28 5552
TS 在遇到以下这些条件语句时，会在语句的块级作用域内「收紧」变量的类型，这种类型推断的行为称作类型守卫 (Type Guard)。=、!==（这里列举常用的 4 种）类型守卫可以帮助我们在块级作用域中获得更为精确的变量类型这里就可以通过判断 animal 中是否存在 meow 属性，来确定变量是否为 Cat 类型的对象let call;// 鼠标放到 animal 上，可以看到类型被限定为 Cat } else {
TS报错：类型‘object‘上不存在属性‘product_id’
最新发布
pig_ning的博客
01-12 749
TS报错：类型'object'上不存在属性'product_id’
import('@/js/[email protected]_dist_ionicons_ionicons.esm.js')我明明有这个文件，但是在main.ts中引入的时候找不出来
06-10
根据你提供的代码，你似乎在使用 Vue.js 框架。在 Vue.js 中，`@` 符号通常被用来代表 `src` 目录，即项目的根目录。因此，`@/js/[email protected]_dist_ionicons_ionicons.esm.js` 应该是相对于项目根目录的路径。 如果你的文件确实存在于该路径下，但在 `main.ts` 中无法引用，可能是因为你的配置文件中没有正确配置别名，或者你正在使用的编辑器没有正确处理别名的路径。你可以尝试在控制台中打印该路径，看看它是否正确： ``` console.log('@/js/[email protected]_dist_ionicons_ionicons.esm.js'); ``` 如果路径正确，你可以尝试手动引入该文件，看看是否能够正常运行： ```javascript import IonIcons from '@/js/[email protected]_dist_ionicons_ionicons.esm.js'; console.log(IonIcons); // 如果能够正常输出 IonIcons 对象，则说明引入成功 ``` 如果手动引入也失败了，可能是该文件本身存在问题，你需要检查一下该文件是否存在语法错误或其他问题。如果手动引入成功，但在 `main.ts` 中引入失败，你可以尝试将别名路径写成绝对路径，看看是否能够解决问题： ```javascript import IonIcons from '/绝对路径/js/[email protected]_dist_ionicons_ionicons.esm.js'; ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Bonny雨曦

码字不易，多多鼓励

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

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

打赏作者

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

抵扣说明：

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

余额充值