Javascript 每个模块只允许一次默认导出';但只有一个被提出
我有一个根“App.js”,它只包含一个“导出默认值”。它以前工作得很好(它主要只是使用React导航的应用程序的一个路由函数)。但我需要查看选项卡何时聚焦,因此我尝试实现此库: 现在,当我加载应用程序时,会出现以下错误: '未能加载192.168。。。。。有错误:../../src/App.js:仅一个 每个模块的默认允许导出 但我相信我只有一个;这是App.js: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
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本机调试器中打印(实际上,当前只打印“控制台已清除”)