不变违规:模块 AppRegistry 不是已注册的可调用模块调用 runApplication导致错误的一个常见原因是

问题描述

我正在使用 React Native 并且一次又一次地遇到相同的错误。尝试了关闭所有正在运行的节点程序、清除缓存和验证缓存等所有操作(npm cache verify、npm start -- --reset-cache 等)。但同样的错误正在发生。 错误信息如下: ** 错误参考错误:找不到变量:状态栏** 错误不变违规:模块 AppRegistry 不是已注册的可调用模块(调用 runApplication)。一个常见的错误原因是应用程序入口文件路径不正确。 当 JS 包损坏或加载 React Native 时出现早期初始化错误时,也会发生这种情况。

这是我的 Index.js 和 App.js 文件

/**
 * @format
 */

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName,() => App);

和 App.js 文件

import React from 'react';
import { PersistGate } from 'redux-persist/integration/react'
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import Ionicons from 'react-native-vector-icons/Ionicons';
import Home from './screens/Home';
import settings from './screens/settings';
import help from './screens/help';
import newTask from './screens/newTask';
import TaskProp from './screens/taskprop';
import firstOpened from './screens/firstopened';
import { Provider } from 'react-redux'
import store,{ persistor }from './store/store';

const Tab = createBottomTabNavigator()
const MyStack = createStackNavigator()

export default class App extends React.Component {

  constructor() {
    super()
    this.state = {
      username: '',}
  }
  Tab() {
    return (
          <Tab.Navigator
            screenoptions={({ route }) => ({
            tabBarIcon: ({ focused,color,size }) => {
              let iconName;

              if (route.name === 'Home') {
                iconName = focused
                  ? 'ios-home'
                  : 'ios-home-outline';
              } else if (route.name === 'Help and Features') {
                iconName = focused
                ? 'book'
                : 'book-outline';
              } else if (route.name === 'Settings') {
                iconName = focused
                ? 'md-settings'
                : 'md-settings-outline'
              }
              return <Ionicons name={iconName} size={size} color={color} />;
            },tabBarOptions={{
            activeTintColor: 'tomato',inactiveTintColor: 'gray',}}
        >
          <Tab.Screen name="Home" component={Home} />
          <Tab.Screen name="Help and Features" component={help} />
          <Tab.Screen name="Settings" component={settings} />
        </Tab.Navigator>
    );
  }

  render(){
    return (
      <Provider store={store}>
        <PersistGate loading={null} persistor={persistor}>
          <NavigationContainer>
            <MyStack.Navigator screenoptions={{headerShown: false}}>
              <MyStack.Screen name="FirstOpened" component={firstOpened}/>
              <MyStack.Screen name="Tab" component={this.Tab} />
              <MyStack.Screen name="Add New Task" component={newTask} />
              <MyStack.Screen name="New Task" component={TaskProp} />
            </MyStack.Navigator>
          </NavigationContainer>
        </PersistGate>
      </Provider>
    )}
  }

非常欢迎任何建议

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)