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

eff*_*dev 8 javascript reactjs next.js

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

Error: Build optimization failed: found page without a React Component as default export in 
pages/components/context/Context
Run Code Online (Sandbox Code Playgroud)

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

jul*_*ves 22

你应该把你componentspages文件夹移到外面。pages/应该只用于页面组件,因为Next.js 路由基于其结构

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

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

  • 谢谢。将测试文件或状态相关的内容存储在另一个目录中会使内容更难以阅读和流动。 (3认同)
  • @MuhammedOzdogan 如果您确实想使用[自定义页面扩展](https://nextjs.org/docs/api-reference/next.config.js/custom)在“pages”文件夹中包含非页面组件,有一个解决方法-页面扩展#包括页面目录中的非页面文件)。请参阅[是否可以将测试文件放在Next.js中的pages目录下?](/sf/ask/4958249411/ -in-next-js)。 (2认同)
  • 由于它第一次运行得很好,对我来说它确实在本地重定向到 404 页面。 (2认同)