NextJS/React提示未导出组件报错排查，已尝试常规方案未解决

以下是按出现概率从高到低排序的解决方案： #

1. Next.js Link组件用法不兼容 #

你当前使用的Link组件写法适配Next.js 13+的App Router版本，由于你的项目用的是Pages Router（存在_app.js文件），若你使用的是Next.js 12或更早版本，Link组件的子元素必须包裹原生<a>标签，否则会导致组件返回undefined触发报错。
修改你的Menulink和Menubtn组件代码：

const Menulink = props => (
  <Dropdown.Item>
    <Link href={props.url} key={props.title}>
      <a>{props.title}</a>
    </Link>
  </Dropdown.Item>
)

const Menubtn = props => (
  <Menu.Item>
    <Link href={props.url} key={props.title}>
      <a>{props.title}</a>
    </Link>
  </Menu.Item>
)

2. 文件名大小写不匹配 #

检查你的Header组件实际文件名：

• 如果你的Header组件文件名为Header.js（首字母大写），但Layout组件中导入时写的是import Header from './header'（首字母小写），Windows系统本地开发时不区分大小写不会报错，但打包编译阶段会识别为不同路径，导致导入组件为undefined。
  修改导入语句和文件名保持一致即可，建议统一首字母大写的组件命名规范：

import Header from './Header'

3. 依赖安装不完整 #

检查react-responsive、semantic-ui-react是否正常安装，执行以下命令重装对应依赖：

npm install react-responsive semantic-ui-react
# 或使用yarn
yarn add react-responsive semantic-ui-react

重装完成后重启开发服务器即可。 #

4. 嵌套组件导出问题 #

确认你的Footer组件是否正常默认导出，Layout中导入Footer的路径和文件名是否完全匹配。

内容的提问来源于stack exchange，提问作者GR_Dev