项目中遇到的ts问题汇总

 

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

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)

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

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

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

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

 

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

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

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

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

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

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

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

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

if 语句要写完整

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

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

而且括号需转行:

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

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

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

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

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

 

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

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

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

类似解决方案:

你可能感兴趣的:(项目中遇到的ts问题汇总)