HarmonyOS鸿蒙Next中RN添加ReactNavigation库后导致IDE异常？

HarmonyOS鸿蒙Next中RN添加ReactNavigation库后导致IDE异常？

背景：给ReactNative项目配置ReactNavigation系列库，配置了一天终于配好了，但是IDE无法正常工作了。

问题：无法检查出文件内的错误、没有代码提示、无法补全代码、无法自动导入路径、无法跳转等等。总之就是所有IDE的功能都没了，变成了纯文本编辑器。

尝试过的办法：跟着报错卸载所有有问题的插件、重装VSCode、降低VSCode版本、降低Typescript版本等等，都无法解决问题

VSCode会提示：JS/TS 语言服务已立即崩溃 5 次。将不会重启该服务。都不行。WebStorm也一样不工作，但是没有VSCode这种错误弹窗。

根据网上搜索到的答案，可能是依赖库的问题导致IDE崩溃，但是不知道该怎么调试。请问有人遇到过类似的问题吗


更多关于HarmonyOS鸿蒙Next中RN添加ReactNavigation库后导致IDE异常？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

harmony目录导致TS语言服务在建立索引时崩溃，使得索引无法完成，导致VSCode功能瘫痪。
可以在tsconfig.json文件中添加以下代码，忽略harmony文件夹以解决这个问题。

{
  "extends": "@tsconfig/react-native/tsconfig.json",
  "exclude": ["harmony"]
}

更多关于HarmonyOS鸿蒙Next中RN添加ReactNavigation库后导致IDE异常？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


神医啊，治好了没办法跳转的问题，但是还是没有代码补全和文件路径补全，请问可以怎么解决

主要是Webstorm还是有问题，VSCode好一点

补充一下，IDE打开一个空的React Native项目，一切正常

在HarmonyOS Next中使用React Navigation可能导致IDE异常，这与方舟编译器对React Native的适配有关。异常通常表现为IDE卡顿或功能异常，主要原因是React Navigation的部分原生依赖尚未完全兼容鸿蒙架构。可尝试以下方案：

  1. 使用最新版React Navigation 6.x
  2. 检查是否安装了鸿蒙专用的React Native插件
  3. 清理IDE缓存并重启

目前华为正在持续优化对第三方库的兼容性支持。

这个问题通常是由于React Navigation的TypeScript类型定义与项目环境冲突导致的。以下是可能有效的解决方案：

  1. 检查node_modules中@types/react-native版本是否与react-native版本匹配，建议使用yarn why或npm ls查看依赖树

  2. 尝试在项目根目录添加jsconfig.json文件，配置如下：

{
  "compilerOptions": {
    "allowJs": true,
    "checkJs": false,
    "jsx": "react-native"
  },
  "exclude": ["node_modules"]
}
  1. 临时解决方案可以禁用VSCode的TS检查：
  • 设置中搜索"TypeScript: Disable Automatic Type Acquisition"
  • 或在工作区.vscode/settings.json添加：
{
  "typescript.tsserver.experimental.enableProjectDiagnostics": false
}
  1. 如果使用Yarn，尝试运行：
yarn add -D [@types](/user/types)/react [@types](/user/types)/react-native @react-navigation/native

这个问题通常会在React Navigation的TS类型定义与React Native版本不兼容时出现，建议检查各依赖版本是否匹配。

回到顶部