React Native按官方安装报错问题解决

问题如下：

[Error: InternalError Metro has encountered an error: While trying to resolve module `@react-navigation/core` from file `E:\react\myTiktok\node_modules\@react-navigation\native\src\index.tsx`, the package `E:\react\myTiktok\node_modules\@react-navigation\core\package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`E:\react\myTiktok\node_modules\@react-navigation\core\src\index.tsx`. Indeed, none of these files exist: * E:\react\myTiktok\node_modules\@react-navigation\core\src\index.tsx(.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx) * E:\react\myTiktok\node_modules\@react-navigation\core\src\index.tsx\index(.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx): E:\react\myTiktok\node_modules\metro\src\node-haste\DependencyGraph.js (243:17)

原因：

错误表明Metro打包器在尝试解析@react-navigation/core模块时遇到了问题。具体来说，它无法找到@react-navigation/core包的main模块字段所指定的文件E:\react\myTiktok\node_modules\@react-navigation\core\src\index.tsx。

这个问题可能由以下几个原因造成：

1. 模块未正确安装：@react-navigation/core包可能没有正确安装，或者安装后的文件结构不符合预期。

2. 版本不兼容：你可能安装了一个与你的项目或React Native版本不兼容的@react-navigation版本。

3. 缓存问题：有时候，包管理器的缓存或Metro的缓存可能会导致问题。

解决：

安装缺失模块，npm命令行如下：

npm install @react-navigation/core

或者yarn，命令行如下：

yarn add @react-navigation/core