如何创建JavaScript版Expo应用?解决默认生成TypeScript项目问题
生成JavaScript版Expo项目的两种方法
方法一:重新创建指定JavaScript模板的项目
执行npx create-expo-app@latest后,在交互式提示中:
- 输入项目名称后,会出现
Choose a template:选项,选择Blank (JavaScript)即可生成纯JS项目。
或者直接通过命令行参数指定模板,跳过交互:
npx create-expo-app@latest my-js-expo-app --template expo-template-blank
方法二:将已生成的TypeScript项目转为JavaScript
如果已经生成了TS项目,按以下步骤修改:
- 删除TypeScript配置文件:
tsconfig.json、tsconfig.node.json,以及项目根目录下的@types文件夹(如果存在)。 - 重命名文件后缀:将所有
.ts文件改为.js,.tsx文件改为.jsx(比如App.tsx→App.jsx,index.ts→index.js)。 - 移除代码中的TypeScript类型注解:删掉变量、函数的类型声明,比如
const name: string = "Expo"改为const name = "Expo",函数参数的类型标注也一并移除。 - 卸载TypeScript相关依赖:
npm uninstall typescript @types/react @types/react-native # 若使用yarn则执行 yarn remove typescript @types/react @types/react-native
- 检查项目配置文件:确认
app.json或app.config.js中的main字段指向修改后的JS入口文件(比如index.js)。
内容的提问来源于stack exchange,提问作者Taj Mohammad
相关产品推荐
相关产品推荐

