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

Question

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

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

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

Answer 1

你应该移动你的components外pages文件夹。 pages/应该只用于页面组件，如 Next.js routing is based on its structure .

Next.js has a file-system based router built on the concept of pages.

When a file is added to the pages directory it's automatically available as a route.

默认情况下，Next.js 假定 pages 下的任何内容文件夹是一个页面组件，它将尝试将每个文件构建为一个页面。

即使以上是默认行为，您也可以将 Next.js 应用程序配置为 include non-page files in the pages directory .
为此，您可以修改 pageExtensions进入 next.config.js文件如下图。然后重命名您的页面组件，使其具有包含 .page 的文件扩展名。 ( _document.page.js、 _app.page.js、 index.page.js 等)。

module.exports = {
    pageExtensions: ['page.tsx', 'page.ts', 'page.jsx', 'page.js']
}

使用此配置，Next.js 将忽略任何不包含 .page 的文件用于构建页面/API 路由和路由。