Javascript NextJS:元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义_Javascript_Reactjs_Next.js

Javascript NextJS:元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义

javascript reactjs next.js

Javascript NextJS:元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义,javascript,reactjs,next.js,Javascript,Reactjs,Next.js,使用Nextjs，我在/pages目录中创建了index.js，在/components/meta/目录中创建了meta.js 当我的应用程序重建时，我收到以下错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义如下所示，我正确导入了Meta，它也是默认的导出。好奇我哪里出了问题页面/index.js // import Head from 'next/head' import Meta from '../components/meta/meta';

使用Nextjs，我在/pages目录中创建了index.js，在/components/meta/目录中创建了meta.js

当我的应用程序重建时，我收到以下错误：

元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义

如下所示，我正确导入了Meta，它也是默认的导出。好奇我哪里出了问题

页面/index.js

// import Head from 'next/head'
import Meta from '../components/meta/meta';

export default () => (
  <div>
    <Meta />
    <p>Hello world! Welcome to</p>
    <h1>Moonholdings.io</h1>
  </div>
)

import Head from 'next/head'

export default () => (
  <Head>
    <title>Moonholdings.io</title>
    <meta name="description" content="Your Cryptocurrency Portfolio" />>
    <meta name="keywords" content="cryptocurrency, crypto, portfolio, bitcoin, ethereum, holdings"/>
    <meta name="robots" content="index, follow" />
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  </Head>
)

//从“下一个/Head”导入头部
从“../components/Meta/Meta”导入元；
导出默认值（）=>(
世界你好！欢迎来到这里
Moonholdings.io
)

组件/meta/meta.js

// import Head from 'next/head'
import Meta from '../components/meta/meta';

export default () => (
  <div>
    <Meta />
    <p>Hello world! Welcome to</p>
    <h1>Moonholdings.io</h1>
  </div>
)

import Head from 'next/head'

export default () => (
  <Head>
    <title>Moonholdings.io</title>
    <meta name="description" content="Your Cryptocurrency Portfolio" />>
    <meta name="keywords" content="cryptocurrency, crypto, portfolio, bitcoin, ethereum, holdings"/>
    <meta name="robots" content="index, follow" />
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  </Head>
)

从“下一个/头部”导入头部
导出默认值（）=>(
Moonholdings.io
>
)

项目结构

啊，我刚想出来，是个小小的打字错误

在我的meta.js文件中删除额外的

后，它工作了。

我收到了相同的错误，因为我的IDE没有正确地自动导入

头组件。不仅导入样式不正确，而且模块路径也错误：
// WRONG - don't try this at home
import { Head } from 'next/document';

确保正确导入组件：
import Head from 'next/head'