React Native默认生成.tsx项目,如何创建.js项目?
创建JavaScript类型的React Native项目解决方案
如果你用npx react-native init AwesomeProject默认生成了TypeScript项目,想要创建纯JavaScript的项目,有两种简单可行的方法:
方法一:初始化时直接指定(React Native 0.70及以上版本可用)
在init命令里加上--no-typescript参数,就能直接生成JS项目,不用后续修改:
npx react-native init AwesomeProject --no-typescript
这个参数会自动跳过所有TypeScript相关的配置和文件,生成的都是.js/.jsx格式的文件,配套的babel、metro配置也都是JS版本的。
方法二:把已生成的TS项目转为JS项目
如果已经不小心创建了TS项目,也可以手动改成JS版本:
- 删除TS相关配置文件:
tsconfig.json、react-native.config.js(如果存在) - 将项目里的
.ts/.tsx文件重命名为.js/.jsx,比如把App.tsx改成App.jsx,index.tsx改成index.js - 删掉文件里的TypeScript语法,比如类型注解、接口声明这些
- 打开
package.json,删除devDependencies里的typescript、@types/react、@types/react-native这些TS依赖 - 最后执行
npm install或者yarn更新依赖就行
内容的提问来源于stack exchange,提问作者Muhammad Asif
相关产品推荐
相关产品推荐

