React 구성 요소가 기본 내보내기로 없으면 React/Next 프로젝트 검색 페이지를 빌드할 수 없습니다(콘텍스트 api 파일).

React 구성 요소가 기본 내보내기로 없으면 React/Next 프로젝트 검색 페이지를 빌드할 수 없습니다(콘텍스트 api 파일).

Next.js 프로젝트를 빌드하려고 하는데 터미널에서 계속 다음 오류가 나타납니다.

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

이것은 React 컨텍스트 API 파일입니다.기본 내보내기는 존재하지 않습니다.이거 버그야 뭐야?

이동해야 합니다.components바깥에pages폴더입니다. pages/Next.js 라우팅은 그 구조에 따라 이루어지므로 페이지 컴포넌트에만 사용해야 합니다.

next.js에는 페이지 개념에 기반한 파일시스템 기반 라우터가 있습니다.

파일이 페이지 디렉토리에 추가되면 자동으로 경로로 사용할 수 있습니다.

디폴트로는 Next.js는 아래 모든 것을 가정합니다.pages폴더는 페이지 구성 요소이며 각 파일을 페이지로 빌드하려고 합니다.

---

위의 동작이 기본 동작이지만 Next.js 앱이 디렉토리에 페이지 이외의 파일을 포함하도록 구성할 수 있습니다.

그러기 위해서는, 다음의 순서를 변경할 수 있습니다.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 루트 구축 및 라우팅의 목적으로 사용됩니다.

저 같은 경우에는 빈 파일이 있었어요.index.js폴더 안에 있습니다.Nextjs 디폴트라우터 사용방법

컨텍스트 컴포넌트에서 default export 키워드가 선언되지 않은 것 같습니다.다음과 같이 시험해 보십시오.

const  Context = ()=>{
  ...
}
export default Context

언급URL : https://stackoverflow.com/questions/65598753/cant-build-react-next-project-found-page-without-a-react-component-as-default