未处理的JS异常：要求未知模块“9”。

Question

我正在尝试为登录界面设置导航，尝试重新链接依赖项和重新安装包，但只修改了两个文件。我正在MacOS上工作并在iOS 13.5上进行模拟。

App.js

import React, { Component } from 'react'
import {
  StyleSheet,
  View
} from 'react-native'

import Mystack from './navigators/StackNavigator'

export default class App extends Component {

render() {
  return (
 <NavigationContainer>
    <Mystack/>
 </NavigationContainer>
 )
 }}
 const styles = StyleSheet.create({
  container: {
},
 })

以及StackNavigator.js

import * as React from 'react';
import { createStackNavigator} from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import LogIn from './src/components/LogIn.js'
import SignUp from './src/components/SignUp.js'
import Dashboard from './src/components/Dashboard.js'

const Stack = createStackNavigator();

function Mystack() {
     return(
        <Stack.Navigator initialRouteName = "LogIn"
         screenOptions = {{
         headerTitleAlign: 'center',
         HeaderStyle: {
             backgroundColor: "#FFF700",
         },
           headerTintColor: '#FFF',
           headerTitleStyle: {
               fontWeight: 'bold',
         },
        }}>
        <Stack.Screen name = "LogIn"
        component = {LogIn}
        options = {{
           title: 'LogIn',
           headerShown: false
        }}/>
        <Stack.Screen name = "SignUp"
         component = {SignUp}
         options = {{
             title: 'SignUp',
             headerShown: false
        }}/>
        <Stack.Screen name = "Dashboard"
        component = {Dashboard}
        options = {{
            title: 'Dashboard'
        }
        }/>
        </Stack.Navigator>
       )

       }

      export default Mystack;

- Javand1019

---

你找到解决方案了吗？ - Keith Loughnane

我也遇到了同样的问题。如果找到解决方案，请告诉我。 - Shafayet Rahat

当我重命名了一些模块并将它们移动到另一个目录时，我遇到了这个问题。重新启动Metro服务器就足够了。 - Wojciech Wisowaty

Answer 1

我不确定这是否是正确的解决方案，但重新启动包（Metro 服务器）对我有帮助。

- Iva

Answer 2

每当地铁不同步时，通常会发生这种情况。我经常注意到当我切换分支时会发生这种情况，它们在package.json中有不同的依赖项/版本。

对我来说通常有效的方法之一是执行以下步骤之一：

1. 终止地铁会话并再次运行yarn start，有时yarn start --reset-cache会有帮助。
2. 运行yarn或npm i安装和更新依赖项，然后通过运行yarn start重新启动地铁。
3. 如果您使用的是安卓设备，有时模拟器或设备与地铁之间的连接会中断，因此在地铁终端中运行adb reverse tcp:8081 tcp:8081并在metro终端内按下R将重新启动应用程序而无错误。

- NuttyJackJ