如何解决不变违规:模块 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 举报,一经查实,本站将立刻删除。