TS的踩坑之路（二）

已于 2023-04-19 14:52:38 修改
阅读量1.2k 收藏 2
点赞数
分类专栏： Typescript 文章标签： typescript
于 2022-07-25 16:11:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39490750/article/details/125975265
版权

一、函数返回写法报错

代码案例

在这里插入图片描述

报错信息

Line 9:53: Unexpected block statement surrounding arrow body; parenthesize the returned value and move it immediately after the => arrow-body-style

解决办法

在这里插入图片描述

二、ref 定义报错

代码案例

在这里插入图片描述

报错信息

在这里插入图片描述

解决办法

在定义SnackbarProvider 中ref 中设置any
在这里插入图片描述

三、数组定义默认值报错

代码案例

在这里插入图片描述

报错信息

在这里插入图片描述

解决方法

定义数组类型并设置默认值
在这里插入图片描述

四、表单必填验证提交

代码案例

在这里插入图片描述

报错信息

Property ‘validate’ does not exist on type ‘Vue | Element | (Vue | Element)[]’.

解决方法

加上 any 类型
在这里插入图片描述

五、数组push的时候会报错

在这里插入图片描述

报错信息：

Argument of type ‘number’ is not assignable to parameter of type ‘never’.

解决方案

在定义数组的时候定义好类型
在这里插入图片描述

六、定义对象中有属性和属性值的类型

{ [ key: number]: string }
在这里插入图片描述

在路上`
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TS实现原生数组方法之pop()、push()、shift()、unshift()
Hi-Sun的博客
07-11 7032
TS实现原生数组方法之pop()、push()、shift()、unshift()
typescript笔记
单车去旅行的博客
08-12 1224
typescript的知识，基础类型，interface，type，联合类型，类类型，泛型
Vue3 报错 Argument of type ‘any‘ is not assignable to parameter of type ‘never‘.
最新发布
专注基础架构领域
07-12 541
这个错误通常出现在 TypeScript 中，它表示你试图将一个类型为any的值赋给一个类型为never的参数或变量。never表示不可能出现的值，因此不能将任何值赋给它。这个问题的方法是检查中的类型声明和类型推断，并尽可能地明确类型。如果你使用了第三方库或 API，可以它们的类型声明文件，以便更好地将其与你的集成。另外，在使用never类型时，确保它只出现在返回类型或其他特定的上下文中。相关问题。
解决vue+ts中报错：Cannot read property ‘push‘ of undefined
呆子小木心的博客
12-15 3631
解决vue+ts中报错：Cannot read property ‘push’ of undefined 一，出现的问题： 在vue项目中，用TypeScript定义了一个数组，遍历操作的时候，进行push操作时，查看控制台竟然出现“Cannot read property ‘push’ of undefined”错误, 代码如下： public arr: Array<string>; public created() { for(let i = 0; i < this.rout
TS基础（六）数组类型
包磊磊的博客
01-05 1万+
数组类型在TS中可以使用多种方式，比较灵活 第一种【类型+方括号】表示方法 string[] let fibonacci: number[] = [1, 1, 2, 3, 5]; //定义一个数值数组 数组中不允许出现其他的类型 let fibonacci: number[] = [1, '1', 2, 3, 5]; // Type 'string' is not assignable to type 'number'. 也对数组的方法进行了限制 let fibonacci: num
vue踩坑记录之数组定义和赋值问题
12-29
问题场景：vue页面初始化展示请求后台返回的数据失败，没有报错 有效日期> type=daterange range-separator=至 start-placeholder=开始日期 end-placeholder=结束日期> ... effective
Element-UI踩坑之Pagination组件的使用
10-17
主要介绍了Element-UI踩坑之Pagination组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
webpack4:Webpack4 + Typescript + React 踩坑配置之旅
04-25
3. **Speed improvements**：通过缓存策略的改进，Webpack 4 可以显著提升二次编译的速度。 4. **SplitChunksPlugin**：用于拆分公共模块，减少重复代码，提高加载速度。在 Webpack 4 中，此插件替换原有的 ...
在微信小程序中如何使用ECharts 避免踩坑
01-08
在微信小程序中如何使用ECharts。坑已踩完，放心参考。 ECharts官网–5分钟上手ECharts ECharts 团队联合微信小程序团队合作，提供了ECharts的小程序版本。开发者可以通过平常的组件开发配置那样去使用ECharts进行...
Vue 3.x+axios跨域方案的踩坑指南
01-19
缘起 ...但是这个项目是JavaWeb，也就是说我需要面对跨域的问题。不过本篇文章，讲的并不是如何解决这样的跨域问题，而是我在找如何解决这个问题的路上遇到的坑。 其实，在前端工程化大行其道的现在，前后端已经分离...
react+ts简单的知识点（自记）
ds0604的博客
04-18 1632
1、ant design 中的datepicker组件，onChange方法 onChange(e)=>{ e.map((item)=>{ console.log(item) //item直接就可以获取到moment格式的时间，不需要e[0]._d } )} 2、不能在同步函数中去调用异步函数 3、promise.all方法可以批量调用异步方法，全部方法执行完后在.then里面会返回一个数组，内容是这些函数返回的内容。 4、获取本页面url的方法，window.loca
Ts 数组的使用
crazy_yun的博客
06-08 1万+
数组的常用操作，增、删、改、查、置空、遍历、迭代、初始化、与字符串的相互转换、连接两个数组、查找符合条件的多个数组元素、判断该数组的所有元素或者单一元素是否符合某个条件等内容............
Unexpected token "name" of value "with" ("end of statement block" expected) in
xxoo
07-26 3695
包含控制器的输出¶ 那么如何在模板里嵌入另外的控制器（controller）的输出？在开发Ajax应用，或者被包含的模板引用了主模板里并不存在的变量时，这个特性就会变得十分有用。 假设你已经创建了一个fancy动作方法（action），打算将其输出包含在index模板里，可以通过使用render标签来实现： {# src/Acme/DemoBundle/Resources/views
鼠标离开事件集
qq_35644434的博客
09-27 1万+
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 (value=='') {value='郭强'}">点击时文字消失，失去焦点时文字再出现     2.网页按钮的特殊颜色  
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. ...
angular Argument of type '"price"' is not assignable to parameter of type 'string[]'
qq_32319999的博客
10-30 6925
原因是类型不对，这里需要一个'string[]类型，而price不是string[]，遇到中情况，angualr响应式表单中 hasError第二个参数其实需要的是string[]，但是用string类型并不会报错 formModel.hasError('min', 'price'） 而ng build --port可能会报错，所以如下修改即可 formModel.hasError('m
数组对象在ts中的用法
xiao_zhu_ting_feng的博客
02-19 6673
数组对象在TS中的用法 length长度 let songs:string[]=['red','blue','pink'] console.log(songs.length) push**push()** 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长 3.**forEach()** 方法对数组的每个元素执行一次给定的函数,会运行5次，而且中间无法停止。 let songs: string[]=['red','green','pink'] songs.forEac
Egret TypeScript基本写法学习文档
Lee坚武的博客
09-16 1万+
基本类型 基础类型只有这么几种，与AS3对比 TypeScript     ActionScript3 number     Number string     String boolean(0.8以前为bool)     Boolean any     * undefined     undefined null     null 任意类型： ActionScript
ts 把对象转为二进制文件
06-07
和 JavaScript 一样，TypeScript 本身也不支持直接将对象转换成二进制文件。但是，在 Node.js 环境下，可以使用第三方库如 `buffer` 和 `fs` 来实现将对象转换成二进制文件的功能。 具体实现步骤和 JavaScript 差不多，只是需要在 TypeScript 中引入相应的类型声明，以便编译器能够正确地推断类型。 下面是一个 TypeScript 的示例代码： ```ts import fs from 'fs'; import { Buffer } from 'buffer'; interface Person { name: string; age: number; } const obj: Person = { name: 'Alice', age: 20 }; // 将对象转换成 JSON 格式的字符串 const jsonStr = JSON.stringify(obj); // 将 JSON 字符串转换成二进制数据 const binaryData = Buffer.from(jsonStr); // 将二进制数据写入文件 fs.writeFileSync('data.bin', binaryData); ``` 这里使用了 TypeScript 的接口来定义对象的类型，以便编译器能够检查类型是否正确。同时，使用 `import` 语句导入了 `fs` 和 `buffer` 模块，并使用了 `Buffer` 类型来声明二进制数据变量。 这样，就将对象转换成了二进制文件，并保存到了本地文件系统中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值