React Native项目报错‘Undefined is not an object’及依赖问题求助

我太懂你这种连环踩坑的感觉了——先是遇到router flux无法解析的问题，好不容易装上依赖启动项目，又被“Undefined is not an object”的错误拦下来，结合你提供的package.json信息，我给你整理了几个针对性的解决步骤：

一、先搞定版本兼容性问题 #

你的项目用的是React 16.3.1 + React Native 0.55.3，这个版本的RN对新的router flux版本兼容性很差，大概率是版本不匹配导致的问题：

• 先卸载当前的router flux包：

  npm uninstall react-native-router-flux
  

• 安装和你的RN版本兼容的4.x系列版本（5.x及以上要求更高版本的RN），同时还要装对应的react-navigation依赖：

  npm install react-native-router-flux@4.0.6 --save
  npm install react-navigation@2.18.3 --save
  

二、清除缓存，彻底重启服务 #

RN的缓存经常会搞出各种奇怪的问题，这一步一定要做：

• 先关掉当前运行的metro服务（按Ctrl+C终止）
• 清除RN的缓存：

  react-native start --reset-cache
  

• 可选但推荐：清除npm的缓存，避免依赖安装残留问题：

  npm cache clean --force
  

• 最后重新启动项目：npm start，之后重新编译运行iOS/Android项目

三、检查代码中的Router Flux使用是否正确 #

“Undefined is not an object”通常是代码里调用了未定义的对象，你可以检查这几点：

• 确认组件导入是否正确：必须是import { Router, Scene } from 'react-native-router-flux';，不要写错包名或者组件名
• 检查Scene组件的配置：比如key是否唯一且正确，component是否指向了已定义的组件，有没有引用不存在的属性
• 确保Router的结构正确，比如有没有嵌套错误的组件

四、补全并检查package.json依赖 #

你提供的package.json里react-native后面的内容被截断了，建议：

• 把完整的package.json补全，确保所有依赖都正确列出
• 运行npm install重新安装所有依赖，确保没有遗漏或损坏的包

额外排查（针对iOS项目） #

如果是iOS项目，别忘了执行：

cd ios && pod install && cd ..

有些依赖需要通过CocoaPods来安装，不执行这一步可能会导致原生层的错误

内容的提问来源于stack exchange，提问作者Çağrı