React Native init创建TypeScript项目App.tsx报错求助

常见修复步骤 #

1. 补全依赖安装 #

初始化项目时可能出现依赖安装不完整的情况，执行以下操作：

• 删除依赖目录和锁文件：

  rm -rf node_modules package-lock.json # 用yarn的话换成yarn.lock
  

• 重新安装依赖：

  npm install # 或 yarn install
  

2. 对齐TypeScript相关依赖版本 #

确保typescript、@types/react、@types/react-native和你的React Native版本兼容，直接重新安装一次这些依赖：

npm install --save-dev typescript @types/react @types/react-native

3. 完善tsconfig.json配置 #

虽然继承@tsconfig/react-native/tsconfig.json是正确的基础配置，但可以补充必要的规则确保TS能识别你的文件：

{
  "extends": "@tsconfig/react-native/tsconfig.json",
  "compilerOptions": {
    "strict": true
  },
  "include": ["App.tsx", "src/**/*"],
  "exclude": ["node_modules"]
}

重点确认include包含了App.tsx和你的源码目录，避免TS忽略这些文件。

4. 重启编辑器的TypeScript服务 #

编辑器的TS服务缓存可能导致错误提示残留，以VS Code为例：

• 按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）
• 输入TypeScript: Restart TS Server并执行

5. 针对性处理具体错误 #

如果以上步骤无效，看App.tsx里的具体错误：

• 若提示找不到React：确保顶部有import React from 'react';（React 17+可省略，但部分TS配置仍需要）
• 若组件类型报错：检查组件导入方式是否正确，或安装对应组件的类型定义

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