【问题标题】:Giving Error : Attempting to change the getter of an unconfigurable property in React native给出错误:尝试更改 React native 中不可配置属性的 getter
【发布时间】:2021-11-13 00:11:46
【问题描述】:

我正在使用 react-native 开发该项目,但这会引发错误

尝试更改不可配置属性的 getter

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import 'react-native-gesture-handler';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import LogInScreen from './screens/loginScreen';
import SignUpScreen from './screens/singupScreen';
import ActivitiesScreen from './screens/activitiesScreen';
import StackNavigator from './navigation/WelcomeStackNavigation';
import StackNavigator2 from './navigation/Stack2';
import { AppLoading } from 'expo';
import { createAppContainer, createSwitchNavigator } from 'react-navigation';


function App() {
  return (
    <NavigationContainer>
      
    </NavigationContainer>
  );
}

export default App;

当您删除代码 sn-p 时,即“import { createAppContainer, createSwitchNavigator } from 'react-navigation';” 然后,错误将不会显示。 如果您再次插入,则会显示错误。

你可以查看 package.json 文件:

{
  "dependencies": {
    "firebase": "7.9.0",
    "react-is": "^16.8.0",
    "expo-font": "~8.4.0",
    "@firebase/app": "0.x.0",
    "styled-system": "*",
    "react-native-svg": "12.1.0",
    "react-navigation": "4.4.1",
    "styled-components": "*",
    "@firebase/app-types": "0.x.0",
    "@firebase/firestore": "*",
    "react-native-screens": "~2.15.2",
    "@react-navigation/stack": "^5.14.4",
    "react-native-reanimated": "~1.13.0",
    "@react-navigation/native": "^5.9.4",
    "react-native-size-matters": "*",
    "react-native-gesture-handler": "~1.8.0",
    "react-native-safe-area-context": "3.1.9",
    "react-native-floating-label-input": "*",
    "@react-native-community/masked-view": "0.1.10"
  }
}

我很困惑。

您可以查看this snack

【问题讨论】:

  • 错误似乎很明显,在某些时候您正试图更改密封/冻结对象的 getter 函数的定义,您能否向我们展示整个错误消息?了解您的代码是否执行了不应该执行的操作或库在某些时候缺少某些内容可能会有所帮助

标签: javascript node.js reactjs react-native


【解决方案1】:

你混淆了@react-navigation/native 和 react-navigation。

如下更改您的导入:

import { createAppContainer, createSwitchNavigator } from '@react-navigation/native';

【讨论】:

  • 那么,NavigationContainer 会去哪里呢?
  • 它应该可以工作。但最好删除 package.json "react-navigation": "4.4.1" 中的导入并使用 @react-navigation/XXX' 包。
【解决方案2】:

我遇到了同样的错误。我只是在零食上更改为 expo 版本 43,然后在 VSC 上解压文件,它可以工作。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多