Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.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 - Fatal编程技术网

Javascript 元素类型无效

Javascript 元素类型无效,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我已经有这个错误好几个小时了,我不知道如何修复它,它快把我逼疯了。在这里的这个短代码中,我不断遇到以下错误: 元素类型无效:应为字符串(对于内置组件) 或类/函数(用于复合组件),但得到:未定义。你 可能忘记了从定义组件的文件中导出组件, 或者您可能混淆了默认导入和命名导入 这可能是什么原因造成的,以及可能的解决方案 我以前尝试过从“/src/Application.js”导入import{Application},但没有导入{},但它也返回了以下错误: 检查\u default 编辑:添加“A

我已经有这个错误好几个小时了,我不知道如何修复它,它快把我逼疯了。在这里的这个短代码中,我不断遇到以下错误:

元素类型无效:应为字符串(对于内置组件) 或类/函数(用于复合组件),但得到:未定义。你 可能忘记了从定义组件的文件中导出组件, 或者您可能混淆了默认导入和命名导入

这可能是什么原因造成的,以及可能的解决方案

我以前尝试过从“/src/Application.js”导入
import{Application},但没有导入
{}
,但它也返回了以下错误:

检查
\u default

编辑:添加“Application.js”

从“React”导入React;
从“本机基”导入根;
从'@react-navigation/native'导入{createAppContainer};
从“反应导航堆栈”导入{createStackNavigator};
从“react navigation drawer”导入{createDrawerNavigator};
从“/screens/Home/index”导入主页;
从“/screens/Email/index”导入电子邮件;
从“/screens/ProfileScreen”导入ProfileScreen;
从“/screens/SideBar/SideBar”导入侧栏;
const Drawer=createDrawerNavigator(
{
主页:{screen:Home},
//电子邮件:{屏幕:电子邮件},
ProfileScreen:{screen:ProfileScreen}
},
{
初始路由名称:“主页”,
内容选项:{
activeTintColor:#e91e63
},
contentComponent:props=>
}
);
const AppNavigator=createStackNavigator(
{
抽屉:{屏幕:抽屉}
},
{
initialRouteName:“抽屉”,
headerMode:“无”
}
);
const AppContainer=createAppContainer(AppNavigator);
导出默认值()=>

您可能以错误的方式导入组件

您如何在
Application.js
中导出
Application

也许删除
{}
会修复它

import Application from "./src/Application.js";
有两种方法可以
导出
/
导入

export function ...
// another file 
import {...} from '...'
或者使用
默认值
导出

export default function ...
// another file
import ... from '...'
如果你想像这样导入它

import {Application} from "./src/Application.js";
你应该像这样导出它

export function Application...
如果你看看错误是怎么说的

…您可能忘记了从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入


您可能以错误的方式导入组件

您如何在
Application.js
中导出
Application

也许删除
{}
会修复它

import Application from "./src/Application.js";
有两种方法可以
导出
/
导入

export function ...
// another file 
import {...} from '...'
或者使用
默认值
导出

export default function ...
// another file
import ... from '...'
如果你想像这样导入它

import {Application} from "./src/Application.js";
你应该像这样导出它

export function Application...
如果你看看错误是怎么说的

…您可能忘记了从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入


检查您是否正确地从Application.js导出应用程序。
它应该是“导出应用程序”。

检查您是否正确地从Application.js导出了应用程序。 它应该是“导出应用程序”。

使用此语句

export default () =>
    <Root>
        <AppContainer/>
    </Root>

有了这句话,

export default () =>
    <Root>
        <AppContainer/>
    </Root>

试一试

将*作为应用程序从“/src/Application.js”导入

您不是在导出命名项,而是在尝试导入命名项时使用的函数。

Try

将*作为应用程序从“/src/Application.js”导入


您没有导出命名项,而只是一个函数,因为您正在尝试导入命名项。

我最初尝试时没有{}。如果这样做,此行将返回此错误()@AnhMinhTran请显示inisde
/src/Application.js
我最初在没有{}的情况下尝试的内容。如果这样做,此行将返回此错误()@AnhMinhTran请显示inisde
/src/Application.js
感谢您的回复,我尝试按照您所说的更改导入,但它返回以下错误检查默认的渲染方法。如果我不更改它,只更改
导出默认值()=>()。该错误仍然感谢您的回复,我尝试按照您所说的更改导入,但它返回了以下错误检查_default的呈现方法。如果我不更改它,只更改
导出默认值()=>()。这个错误仍在等待你的答复。我尝试了您的方法,但出现了一个新错误
元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件),但get:object
测试了它,但我没有发现异常,因此我无法提供更多细节,抱歉:/感谢您的回复。我尝试了您的方法,但出现了一个新错误
元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件),但get:object
对其进行了测试,但我没有发现异常,因此我无法提供更多细节,抱歉:/
import Application from "./src/Application";