今天想在react脚手架中系统性的写一下ts的相关特性时, 因为记得cra脚手架是有typescript版本的。 查阅文档后,文档中提供了下面命令
// 在官方文档中我们看到,创建新的应用使用下面的命令
npx create-react-app my-app --typescript
但是在使用上面命令后,生成的项目居然不是ts模板的,只是组件支持修改为ts了,并且有一些其它问题,比如不能正确的显示出React,及React上的属性、参数等,还有将原本的App.js、index.js 改为.tsx后缀后,ts居然在组件内提示不支持jsx等,在tsconfig.json中增加了相关配置后还有其它问题。 当然都可以自己修改配置解决,但是这时候就会想,这不是新创建的cra的ts项目么? 为什么还需要配置这么多东西? 查阅github上cra脚手架的代码后, 发现了正确创建ts模板的create-react-app项目方法。 如下
create-react-app test --template typescript
// 而不是使用官方文档上的 npx create-react-app my-app --typescript
// 可能是因为cra版本升级了 文档未更新的原因?