报错关键词句 报错截图 解决

Declaration of public static field not allowed after declaration of public instance method. Instead, this should come at the beginning of the class/interface. (member-ordering)tslint(1)

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

项目中遇到的ts问题汇总 随笔 第1张

把defaultProps和state移动至最前面即可:

项目中遇到的ts问题汇总 随笔 第2张

Identifier 'tempOpt' is never reassigned; use 'const' instead of 'let'. (prefer-const)tslint(1)

项目中遇到的ts问题汇总 随笔 第3张

把let换成const即可
Shadowed name: 'id' (no-shadowed-variable)tslint(1)

项目中遇到的ts问题汇总 随笔 第4张

似乎不能用id命名,改其他命名即可

 

Type 'string' is not assignable to type '"" | "success" | "error" | "warning" | "validating"'.ts(2322)

vldStatus 已经是'success'了,但是还是报错:

项目中遇到的ts问题汇总 随笔 第5张

项目中遇到的ts问题汇总 随笔 第6张

定义一个类型,利用"类型断言"解决:

https://www.tslang.cn/docs/handbook/basic-types.html

项目中遇到的ts问题汇总 随笔 第7张

项目中遇到的ts问题汇总 随笔 第8张

Class name must be in pascal case (class-name)tslint(1)

项目中遇到的ts问题汇总 随笔 第9张

接口名应采用大驼峰的写法:CityItem
Forbidden bitwise operation (no-bitwise)tslint(1)

项目中遇到的ts问题汇总 随笔 第10张

禁止使用位运算符哎╮(╯▽╰)╭

if statements must be braced (curly)tslint(1)

项目中遇到的ts问题汇总 随笔 第11张

if 语句要写完整

项目中遇到的ts问题汇总 随笔 第12张

Multiline JSX elements must be wrapped in parentheses (jsx-wrap-multiline)tslint(1)

项目中遇到的ts问题汇总 随笔 第13张

项目中遇到的ts问题汇总 随笔 第14张

return 后面必须用中括号括起来:

而且括号需转行:

项目中遇到的ts问题汇总 随笔 第15张

JSX elements with no children must be self-closing (jsx-self-close)tslint(1)

项目中遇到的ts问题汇总 随笔 第16张

没有children元素必须自合,eg:

<Input/>

Unnecessarily quoted property 'xxxxx' found. (object-literal-key-quotes)tslint(1)

项目中遇到的ts问题汇总 随笔 第17张

key没必要加引号
Uncaught ReferenceError: React is not defined

由于第二行只引入了Input 但是 居然还没用过,所以报错:

项目中遇到的ts问题汇总 随笔 第18张

项目中遇到的ts问题汇总 随笔 第19张

 

把引入Input的哪一行删掉或者把Input用起来即可
Multiline JSX elements must be wrapped in parentheses (jsx-wrap-multiline)tslint(1)

项目中遇到的ts问题汇总 随笔 第20张

多行JSX元素必须用括号括起来
Use a template literal instead of concatenating with a string literal. (prefer-template)tslint(1)

项目中遇到的ts问题汇总 随笔 第21张

???
元素隐式具有 "any" 类型,因为类型“{}”没有索引签名

项目中遇到的ts问题汇总 随笔 第22张

类似解决方案:

项目中遇到的ts问题汇总 随笔 第23张

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄