react项目起服务不能起不报错_React-Typescript之错误记录

这篇博客记录了React-TypeScript项目中遇到的问题,包括禁止使用console.log,react-router4的配置错误,以及属性排序导致的报错。详细分析了错误原因并提供了解决方案。
摘要由CSDN通过智能技术生成

f47d39dd45e4cbb63977820904345fc1.png

React-TS在使用过程中的错误记录,会一直记录的...

0. Calls to 'console.log' are not allowed. (no-console)

19f22da109faa8b2fb2b586cb60ea2c5.png
0.1 这个错误是因为在ts中不允许使用console.log()这个的 解决方案:
在tslint.json中添加 "no-console": false 重启即可解决

d86a80cf3f39bb554df4a36c52809bec.png

1. 使用react-router4路由报错

错误信息:
Lambdas are forbidden in JSX attributes due to their rendering performance impact

86327620e15007aad68d86ccdf574abd.png
解决方案:
在tslint.json中添加 "jsx-no-lambda": false,

681e13b8dd259287736ebe7e861566aa.png

2. 在属性中字母顺序报错:

报错信息: Import sources within a group must be alphabetized.

6bbb42250ac301e4023a6466a5485c21.png
解决方案:
在tslint.json中添加 "ordered-imports": false 重启服务即可解决

d35fee09a1bfe338785a16666714a2af.png

使用路由报错1:

报错信息:提示标签自必须是关闭的 JSX elements with no children must be self-closing (jsx-self-close)

eaf2d1477437278608a68721412d305a.png
两种解决方案
1. 在tslint中添加 "jsx-self-close": false 重启即可解决
2. 如果标签没有文字或其他内容设置该标签为自闭和,
以上源代码的问题和解决方式都在 React-TS项目源码 https:// github.com/focusdroid/m eiriyouxian_react_ts
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值