@react-navigation/native 升级到 V5 SyntaxError

Question

我在将 react-navigation 从 v3 升级到 v5 时遇到了一些问题。 我一直遇到这个错误，起初我认为这是一个错误，但我没有在网上找到任何其他关于它的投诉。 为了 100% 确定旧版本没有引起任何问题，我完全卸载了所有 react-navigation 并从头开始使用 v5。 我仍然收到索引文件错误。 它似乎不理解 typescript ......这是一个已知的错误吗？ 我需要采取的其他步骤不在关于安装 Typescript 的文档中吗？

更新：./types 文件未正确编译...它似乎无法识别 NavigationState 或 ActionHelpers...这是一个错误吗？ 有没有人见过这个？

更新 2 我在 RN V0.59 上运行，所以我认为可能存在依赖问题。 我正在升级到 V0.62.2 并查看问题是否仍然存在

https://reactnavigation.org/docs/getting-started

SyntaxError: /Users/myusername/myprojectname/node_modules/@react-navigation/stack/src/index.tsx: Unexpected token (51:12)

49 | * 类型 50 | */

51 | 出口类型 { | ^ 52 | 堆栈导航选项，53 | StackNavigationProp，54 | StackHeaderProps，

Answer 1

如果您使用 TypeScript，请执行以下操作：

• 删除node_modules和锁文件（ yarn.lock或package.lock ）
• 将 TypeScript 升级到最新版本，即 3.8.3。
• 运行yarn cache clean或npm cache clean 。
• 运行yarn或npm install 。
• 运行yarn react-native start --reset-cache 。
• 跑yarn react-native run-android 。

如果您不这样做，请按照以下步骤操作：

• 运行yarn add --dev @babel/core@^7.9.0 @babel/runtime@^7.9.0 。
• 从emulator/phone卸载 apk。
• 运行yarn react-native start --reset-cache 。
• 跑yarn react-native run-android 。

如果这不起作用， go 到android/ ，然后运行gradlew clean或./gradlew clean ，从手机中删除 apk 并重新运行yarn react-native run-android 。

Answer 2

希望这会帮助你！

删除您的yarn.lock或package-json.lock文件并运行yarn/npm install 。

然后尝试使用 npx react-native start --reset-cache或expo start -c清除缓存

参考

升级

缓存清除

Answer 3

对于任何无法通过删除node_modules和诸如此类的东西来使其工作的人：

添加@babel/core作为全局依赖项（ yarn global add @babel/core / npm install -g @babel/core ），因为全局安装的expo-cli出于某种原因无法识别基于项目的 babel 安装。