在我的例子中，这只是我的App.js上的这一行代码，导致了这个问题，让我在调试上浪费了10个小时。React Native和Expo不能告诉我这一点。我在StackOverflow和github上做了所有的事情，甚至在react页面上应该解决这个问题，但问题仍然存在。为了找到罪魁祸首，我不得不一点一点地把我的代码拆开

 **const window = useWindowDimensions();**

它是这样摆放的:

import * as React from 'react';
import { Text, View, StyleSheet, ImageBackground, StatusBar, Image, Alert, SafeAreaView, Button, TouchableOpacity, useWindowDimensions } from 'react-native';
import Constants from 'expo-constants';

import Whooksplashscreen11 from './Page1';
import Screen1 from './LoginPage';
import Loginscreen from './Login';
import RegisterScreen1 from './register1';
import RegisterScreen2 from './register2-verifnum';
import RegisterScreen3 from './register3';
import RegisterScreen4 from './register4';
import RegisterScreen5 from './register5';
import RegisterScreen6 from './register6';
import BouncyCheckbox from "react-native-bouncy-checkbox";
import LocationPermission from './LocationPermission.js'
import Selfieverif1 from './selfieverif1'
import Selfieverif2 from './selfieverif2'
import AddPhotos from './addphotos'


// You can import from local files
import { useFonts } from 'expo-font';

// or any pure javascript modules available in npm

import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';


//FontAwesome
import { library } from '@fortawesome/fontawesome-svg-core'
import { fab, } from '@fortawesome/free-brands-svg-icons'
import { faCheckSquare, faCoffee, faFilter, faSearch,  } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'
import Icon  from "react-native-vector-icons/FontAwesome5";

import MyTabs from './swipepage'

library.add(fab, faCheckSquare, faCoffee, faFilter, faSearch,);


const window = useWindowDimensions();
const Stack = createNativeStackNavigator();

function App() {
  return ( ....
)}

使用依赖项而不安装依赖项时也会发生。 发生在我身上，当我从“@material-ui/icons/”调用MenuIcon时，在项目中丢失了。

在我的情况下，我拆除了包装锁。Json和node_modules从两个项目和重新安装，现在工作得很好。

// project structure


root project
- package-lock.json
- package.json // all dependencies are installed here
- node_modules

-- second project
-- package-lock.json
-- package.json 
  "dependencies": {
    "react": "file:../node_modules/react",
    "react-dom": "file:../node_modules/react-dom",
    "react-scripts": "file:../node_modules/react-scripts"
  },
-- node_modules

不确定是什么原因导致了这个问题，因为这发生在我之前，并采取了与上面相同的步骤，问题已经解决了。

在我的情况下，问题是我cd到错误的目录进行npm安装。我只是在正确的目录中重新安装了库，它工作得很好!

昨天，我缩短了代码(只是添加了<Provider store={store}>)，仍然得到了这个无效的钩子调用问题。这让我突然意识到我犯了什么错误:我没有在那个文件夹中安装react-redux软件。

我已经在另一个项目文件夹中安装了这个软件，所以我没有意识到这个项目也需要它。安装之后，错误就消失了。

您可以查看您的路线。如果你在Route(<Route path="/testpath" render = {(props)=><Test{…Props} />} />) 你在一个箭头函数中调用了你的组件，给它传递了合适的道具。