Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 每个模块只允许一次默认导出';但只有一个被提出_Javascript_Reactjs_React Native_React Navigation - Fatal编程技术网

Javascript 每个模块只允许一次默认导出';但只有一个被提出

Javascript 每个模块只允许一次默认导出';但只有一个被提出,javascript,reactjs,react-native,react-navigation,Javascript,Reactjs,React Native,React Navigation,我有一个根“App.js”,它只包含一个“导出默认值”。它以前工作得很好(它主要只是使用React导航的应用程序的一个路由函数)。但我需要查看选项卡何时聚焦,因此我尝试实现此库: 现在,当我加载应用程序时,会出现以下错误: '未能加载192.168。。。。。有错误:../../src/App.js:仅一个 每个模块的默认允许导出 但我相信我只有一个;这是App.js: import React from 'react'; import { createBottomTabNavigator,cre

我有一个根“App.js”,它只包含一个“导出默认值”。它以前工作得很好(它主要只是使用React导航的应用程序的一个路由函数)。但我需要查看选项卡何时聚焦,因此我尝试实现此库:

现在,当我加载应用程序时,会出现以下错误:

'未能加载192.168。。。。。有错误:../../src/App.js:仅一个 每个模块的默认允许导出

但我相信我只有一个;这是App.js:

import React from 'react';
import { createBottomTabNavigator,createStackNavigator } from 'react-navigation';
import { updateFocus, getCurrentRouteKey } from 'react-navigation-is-focused-hoc'

import SearchTab from './components/Tabs/SearchTab';
import HomeTab from './components/Tabs/HomeTab';
import ScannerTab from './components/Tabs/ScannerTab';
import SettingsTab from './components/Tabs/SettingsTab';
import Ionicons from 'react-native-vector-icons/Ionicons';
import StockModal from './components/Modals/StockModal';

const MainStack = createBottomTabNavigator(
    {
        Home: HomeTab,
        Search: SearchTab,
        Scanner: ScannerTab,
        Settings: SettingsTab,
        //Todo: Total overlay modals HERE
    },
    {
        navigationOptions: ({ navigation }) => ({
            tabBarIcon: ({ focused, tintColor }) => {
                const { routeName } = navigation.state;
                let iconName;

                if (routeName === 'Home') {
                    iconName = `ios-information-circle${focused ? '' : '-outline'}`;
                } else if (routeName === 'Settings') {
                    iconName = `ios-options${focused ? '' : '-outline'}`;
                }else if (routeName === 'Scanner') {
                    iconName = `ios-barcode${focused ? '' : '-outline'}`;
                }else if (routeName === 'Search') {
                    iconName = `ios-search${focused ? '' : '-outline'}`;
                }
                return <Ionicons name={iconName} size={25} color={tintColor} />;
            },
        }),
        tabBarOptions: {
            activeTintColor: 'tomato',
            inactiveTintColor: 'gray',
        },
    }
);


DefaultStack = createStackNavigator(
    {
        Main: {
            screen: MainStack,
        },
        QuickStockScreen: {
            screen: StockModal,
        },
    },
    {
        mode: 'modal',
        headerMode: 'none',
    }
);

export default class App extends React.Component {

    render() {
        return (
            <DefaultStack
                onNavigationStateChange={(prevState, currentState) => {
                    // If you want to ignore the state changed from `DrawerNavigator`, use this:
                    /*
                      if (/^Drawer(Open|Close|Toggle)$/.test(getCurrentRouteKey(currentState)) === false) {
                        updateFocus(currentState)
                        return
                      }
                    */
                    updateFocus(currentState)
                }}
            />
        )
    }
}
从“React”导入React;
从“反应导航”导入{CreateBoottomTabNavigator,createStackNavigator};
从“react navigation is Focus”导入{updateFocus,getCurrentRouteKey}
从“./components/Tabs/SearchTab”导入SearchTab;
从“./components/Tabs/HomeTab”导入HomeTab;
从“./components/Tabs/ScannerTab”导入ScannerTab;
从“./components/Tabs/SettingsTab”导入设置Stab;
从“反应本机向量图标/离子图标”导入离子图标;
从“./components/Modals/StockModal”导入StockModal;
const MainStack=createBottomTabNavigator(
{
主页:主页选项卡,
搜索:搜索选项卡,
扫描仪:扫描仪选项卡,
设置:设置Stab,
//Todo:这里的全部覆盖模态
},
{
导航选项:({navigation})=>({
tabBarIcon:({focused,tintColor})=>{
const{routeName}=navigation.state;
让我来;
如果(routeName==='Home'){
iconName=`ios信息圈${聚焦?''''-outline'}`;
}else if(routeName==='Settings'){
iconName=`ios选项${focused?''''-outline'}`;
}else if(routeName==='Scanner'){
iconName=`ios条码${聚焦?'''''-outline'}`;
}else if(routeName==='Search'){
iconName=`ios搜索${聚焦?''''-outline'}`;
}
返回;
},
}),
选项卡选项:{
activeTintColor:‘番茄’,
颜色:“灰色”,
},
}
);
DefaultStack=createStackNavigator(
{
主要内容:{
屏幕:MainStack,
},
QuickStockScreen:{
屏幕:StockModal,
},
},
{
模式:“模态”,
headerMode:“无”,
}
);
导出默认类App扩展React.Component{
render(){
返回(
{
//如果要忽略从“DroperNavigator”更改的状态,请使用以下命令:
/*
if(/^Drawer(打开|关闭|切换)$/.test(getCurrentRouteKey(currentState))==false){
updateFocus(当前状态)
返回
}
*/
updateFocus(当前状态)
}}
/>
)
}
}
还有,;对于我来说,解决这个问题的另一个方法是另一个更“最新”的库或方法,当React导航中的选项卡处于焦点时,接收道具或状态;就连这个方法也很混乱和不清楚

Failed to load bundle(http://192.168.0.10:8081/index.bundle?platform=ios&dev=true&minify=false) with error:(SyntaxError: /Users/kenji/StockManager/src/App.js: Only one default export allowed per module. (73:0)

[0m [90m 71 | [39m}[0m
[0m [90m 72 | [39m[0m
[0m[31m[1m>[22m[39m[90m 73 | [39m[36mexport[39m [36mdefault[39m [33mRootStack[39m [33m=[39m createStackNavigator([0m
[0m [90m    | [39m[31m[1m^[22m[39m[0m
[0m [90m 74 | [39m    {[0m
[0m [90m 75 | [39m        [33mMain[39m[33m:[39m {[0m
[0m [90m 76 | [39m            screen[33m:[39m [33mMainStack[39m[33m,[39m[0m (null))

__38-[RCTCxxBridge loadSource:onProgress:]_block_invoke.248
    RCTCxxBridge.mm:422
___ZL36attemptAsynchronousLoadOfBundleAtURLP5NSURLU13block_pointerFvP18RCTLoadingProgressEU13block_pointerFvP7NSErrorP9RCTSourceE_block_invoke.118
__80-[RCTMultipartDataTask URLSession:streamTask:didBecomeInputStream:outputStream:]_block_invoke
-[RCTMultipartStreamReader emitChunk:headers:callback:done:]
-[RCTMultipartStreamReader readAllPartsWithCompletionCallback:progressCallback:]
-[RCTMultipartDataTask URLSession:streamTask:didBecomeInputStream:outputStream:]
<redacted>
<redacted>
<redacted>
<redacted>
_dispatch_client_callout
_dispatch_block_invoke_direct
_dispatch_client_callout
_dispatch_block_invoke_direct
dispatch_block_perform
<redacted>
_dispatch_client_callout
_dispatch_continuation_pop
_dispatch_async_redirect_invoke
_dispatch_root_queue_drain
_dispatch_worker_thread3
_pthread_wqthread
start_wqthread
未能加载捆绑包(http://192.168.0.10:8081/index.bundle?platform=ios&dev=true&minify=false)错误:(SyntaxError:/Users/kenji/StockManager/src/App.js):每个模块只允许一个默认导出。(73:0)
[0m[90m 71 |[39m}[0m
[0m[90m 72 |[39m[0m
[0m[31m[1m>[22m[39m[90m 73 |[39m]36m出口[39m[36m默认值[39m]33mRootStack[39m[33m=[39m createStackNavigator([0m
[0m[90m|[39m[31m[1m^[22m[39m[0m
[0m[90m 74 |[39m{[0m
[0m[90m 75 |[39m]33mm[39m[33m:[39m{[0m
[0m[90m 76 |[39m屏幕[33m:[39m[33mm安装[39m[33m[39m[0m(空))
__38-[RCTCxxBridge加载源:onProgress:][u block\u invoke.248
RCTCxxBridge.mm:422
___ZL36attemptAsynchronousLoadOfBundleAtURLP5NSURLU13block_PointerRFP18RCTLoadingProgressEU13Block_PointerRFP7NSERRORP9RCTSourcee_block_invoke.118
__80-[RCTMultipartDataTask URLSession:streamTask:didBecomeInputStream:outputStream:][U block\U invoke
-[RCTMultipartStreamReader emitChunk:headers:回调:完成:]
-[RCTMultipartStreamReader readAllPartsWithCompletionCallback:progressCallback:]
-[RCTMultipartDataTask URLSession:streamTask:didBecomeInputStream:outputStream:]
_调度\客户\调出
_调度\u块\u调用\u直接
_调度\客户\调出
_调度\u块\u调用\u直接
调度块执行
_调度\客户\调出
_发送\u继续\u pop
_调度\u异步\u重定向\u调用
_调度\u根\u队列\u排水管
_派遣工人3
_pthread_wqthread
启动线程

所以我怀疑这是一个奇怪的文件权限问题或类似的问题。 我正在运行hackintosh来开发带有xcode和real设备的iOS,测试和引导可能会很奇怪;例如,在关机时加载“暂停”的内容有时无法正常工作

情况就是这样,经过正确的死重启后,它被修复了。
在我恢复对App.js的更改后,我意识到这是一个问题,并且仍然显示完全相同的问题。

您是否已将App.js文件保存到磁盘?事实上,我甚至已完全清理了XcodeU的构建文件夹共享完整的错误堆栈?添加;我必须从手机中复制错误,并通过stackoverflow应用程序添加它nt甚至可以在React本机调试器中打印(实际上,当前只打印“控制台已清除”)