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