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

如何让React Native初始化项目生成app.js而非app.tsx?

如何在React Native初始化时生成app.js而非app.tsx?

一、初始化阶段直接生成JavaScript项目

React Native最新版本默认采用TypeScript模板,要强制生成纯JavaScript项目,只需在初始化命令后添加--no-typescript参数:

npx react-native@latest init AwesomeProject --no-typescript

执行后生成的项目会直接包含app.js文件,无需后续修改。

二、将已创建的TypeScript项目转为JavaScript项目

如果已经生成了带app.tsx的项目,也可以手动转为JavaScript项目,步骤如下:

  • 删除项目根目录下的tsconfig.json文件,以及package.json中@types/react、@types/react-native这类TypeScript相关依赖,然后重新执行依赖安装命令(npm install或yarn install)。
  • 将app.tsx重命名为app.js,并移除文件内所有TypeScript类型标注(比如组件的props类型、变量类型定义等)。
  • 检查项目中其他.tsx/.ts文件(如index.tsx),同样重命名为.js/.jsx并清理类型代码。
  • 确认babel.config.js和metro.config.js中没有针对TypeScript的特殊配置,保持默认即可。
  • 重新启动项目即可正常运行。

内容的提问来源于stack exchange,提问作者FireKill213

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.08 13:47:05