如何创建以App.js为入口文件的React Native新项目

方法一：创建时直接生成JavaScript模板项目 #

• 执行命令直接指定纯JS空白模板：

  npx create-expo-app AwesomeProject --template expo-template-blank
  

• 或者通过交互式选择：
  1. 运行 npx create-expo-app AwesomeProject
  2. 当出现模板选择提示时，选择blank（注意不要选带TypeScript的选项），生成的项目默认入口就是App.js

方法二：将已创建的TypeScript项目改为JS入口 #

如果已经生成了带App.tsx的项目，可按以下步骤修改：

• 删除根目录下的App.tsx文件，新建App.js，写入基础JS组件代码：

  import { View, Text } from 'react-native';
  
  export default function App() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>Hello World!</Text>
      </View>
    );
  }
  

• 检查app.json中的main字段，确保其值为"./App.js"（Expo通常会自动识别入口文件，若原配置指向App.tsx则手动修改）
• 可选操作：删除TypeScript相关配置文件（如tsconfig.json、@types文件夹）以清理冗余内容

内容的提问来源于stack exchange，提问作者Nader Ahmed