You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.01 06:10:30