无法构建 React/Next 项目 - 找到没有 React 组件的页面作为默认导出（上下文 api 文件）答案

【问题标题】：Can't build React/Next project - found page without a React Component as default export (context api file)无法构建 React/Next 项目 - 找到没有 React 组件的页面作为默认导出（上下文 api 文件）
【发布时间】：2021-04-12 09:00:48
【问题描述】：

我正在尝试构建我的 Next.js 项目，但它在终端中不断给我这个错误：

Error: Build optimization failed: found page without a React Component as default export in 
pages/components/context/Context

那是 React 上下文 API 文件，那里不应该有任何默认导出。这是一个错误还是什么？

【问题讨论】：

标签： javascript reactjs next.js

【解决方案1】：

您应该将components 移出pages 文件夹。 pages/ 应该只作为Next.js routing is based on its structure 用于页面组件。

Next.js 有一个基于页面概念的基于文件系统的路由器。

当文件被添加到 pages 目录时，它会自动作为路由使用。

【讨论】：