问错误:由reactjs引发的元素类型无效。

EN

有关next.js索引页中下面的代码

import { Typography } from '@mui/material/Typography';
import { createTheme, ThemeProvider } from '@mui/material/styles';
const theme = createTheme({
    typography: {
        fontFamily: 'Arial'
    },

    fontFamily: 'Arial'

});

function index () {
    return (
        <Typography variant="body2">Minimumdd 6 Characters</Typography>
    );
};

export default index;

它给

“错误:元素类型无效:期望字符串(用于内置组件)或类/函数(用于复合组件)，但得到:未定义。您可能忘记从定义在其中的文件导出组件，或者您可能混淆了默认导入和命名导入。”

​

​

我能知道我做错了什么吗？

下面是控制台的整个堆栈跟踪

警告: React.jsx: type无效--需要一个字符串(用于内置组件)或一个类/函数(用于复合组件)，但got: undefined。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。

在(C:\Dev\astatic_web\frontend_js\node_modules\styled-jsx\dist\index\index.js:671:34) at FlushEffectContainer (C:\Dev\astatic_web\frontend_js\node_modules\next\dist\server\render.js:424:37) at AppContainer (C:\Dev\astatic_web\frontend_js :/./pages/_app.js:11:18)，查看index.js:15. at MyApp的代码(webpack-内部:/./pages/_app.js:11:18)\node_modules\next\dist\server\render.js:439:29) at AppContainerWithIsomorphicFiberStructure (C:\Dev\astatic_web\frontend_js\node_modules\next\dist\server\render.js:470:57) at div at (C:\Dev\astatic_web\frontend_js\node_modules\next\dist\server\render.js:736:21) (C：\Dev\astatic_web\frontend_js\node_modules\next\dist\server\render.js:736:21)：(C：\Dev\astatic_web\frontend_js\node_modules\next\dist\server\render.js:736:21)类型无效:预期为字符串(用于内置组件)或类/函数(用于复合组件)，但got:未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。(C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5833:9) at renderNodeDestructive (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5875:11) at renderContextProvider (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5710:3) (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5807:11) at renderNodeDestructive (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5875:11) at renderIndeterminateComponent (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-( (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5736:7) at renderNodeDestructive (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5875:11) at renderContextProvider (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\ )cjs\react-dom-server.browser.development.js:5710:3) at renderElement (C:\Dev\astatic_web\frontend_js\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5807:11)等待编译/_error (客户端和服务器)等待编译..。事件编译成功的客户端和服务器在188 ms (470个模块)错误错误:元素类型无效:期望字符串(用于内置组件)或类/函数(用于组合组件)，但得到:未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。

这是一个开发控制台，如果它有帮助的话：

​