javascript - 类型错误 : undefined is not an object (evaluating 'ReactSharedInternals.hasOwnProperty' )

Question

我正在自己构建我的第一个 React Native 应用程序。当我尝试在 RN 应用程序中设置导航时，我遇到了一些有关导入 RN 库的模块错误。我设法解决了它们。然而，现在我面临着一个非常奇怪的红屏错误，我(坦率地说)不知道从哪里开始调试。

错误看起来像 this.

我不知道这意味着什么，我检查了错误屏幕上提到的文件，但我无法理解它。它们似乎是非常低级的文件，我不应该修改。

我已经npm i <library-here>以及 react-native link <library-here>但这并没有解决问题。我已经销毁并重新安装了 npm，但这也不起作用。我还重新启动了我的前端服务器，但这似乎是我的项目设置固有的。

我有一种感觉，这与我的 package.json 有关。 s，因为我必须更改我的 react-navigation我的 src 中的版本(我的 React Native 文件夹，其中包含前端文件)到 2.14.0 。我还更改了package.json在我的项目根目录中 react-navigation正在使用最新的稳定版本:^4.0.10 .

这是我的src/package.json :

{
  "name": "src",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "expo-image-picker": "^8.0.0",
    "react": "^16.4.1",
    "react-native": "0.61.5",
    "react-native-screens": "^2.0.0-alpha.19",
    "react-navigation": "2.14.0",
    "react-navigation-stack": "^1.10.3"
  },
  "devDependencies": {
    "@babel/core": "^7.7.5",
    "@babel/runtime": "^7.7.5",
    "@react-native-community/eslint-config": "^0.0.5",
    "babel-jest": "^24.9.0",
    "eslint": "^6.7.2",
    "jest": "^24.9.0",
    "metro-react-native-babel-preset": "^0.57.0",
    "react-test-renderer": "16.9.0"
  },
  "jest": {
    "preset": "react-native"
  }
}

这是我的package.json在我的项目根目录中，我更改了 react-navigation :

{
  "dependencies": {
    "react-native-gesture-handler": "^1.5.2",
    "react-native-reanimated": "^1.4.0",
    "react-native-screens": "^2.0.0-alpha.19",
    "react-navigation": "^4.0.10"
  }
}

如果需要的话，这是我的AppNavigator.js ，我将其称为 App.js :

import { createAppContainer, createSwitchNavigator } from "react-navigation";
import { createStackNavigator } from "react-navigation";
import { Platform } from "react-native";
// Importing my screens here.
import LoginCreateAccountScreen from "../screens/LoginCreateAccountScreen";
import CreateAccountScreen from "../screens/CreateAccountScreen";
import LoginScreen from "../screens/LoginScreen";
import SplashScreen from "../screens/SplashScreen";

const MainNavigator = createStackNavigator({
  SplashScreen: {screen: SplashScreen},
  LoginCreateAccountScreen: {screen: LoginCreateAccountScreen},
  LoginScreen: {screen: LoginScreen},
  CreateAccountScreen: {screen: CreateAccountScreen},
});

export default createAppContainer(
    createSwitchNavigator(
        {
            // You could add another route here for authentication.
            // Read more at https://reactnavigation.org/docs/en/auth-flow.html
            SplashScreen: SplashScreen,
            LoginCreateAccountScreen: LoginCreateAccountScreen,
            LoginScreen: LoginScreen,
            CreateAccountScreen: CreateAccountScreen
        },
        {
            initialRouteName: 'SplashScreen' // Entry
        }
    )
);

我的App.js :

import React, { Component } from 'react';
import AppNavigator from './navigation/AppNavigator';

export default class App extends Component {
    render() {
        return <AppNavigator />;
    }
}

感谢任何和所有帮助。谢谢!

Answer 1

这可能是因为 react 版本与 react-native 版本不匹配造成的。

尝试将其更新为 react@16.0.0-alpha.12，如下所示:

npm install react@16.0.0-alpha.12

或者将 package.json 中的 react@16.0.0-alpha.6 更改为 react@16.0.0-alpha.12并运行npm install。