npm run build를 하니 에러가 생깁니다.

http://127.0.0.1:3000/api/test 로 요청했는데

여전히 이런 에러가 나옵니다.

다행히 4078에러는 사라졌지만 이 에러는 남아있는상태입니다.

서버컴포넌트안에 직접 서버코드를 작성하라는게 무슨 말인지 잘 모르겠습니다....

일단

const Page = async () => {
  const res = await fetch("http://127.0.0.1:3000/api/test");
  let posts;
  if (res.ok) {
    posts = await res.json();
  }
  return (
    <div className="list">
      <div>{posts}</div>
    </div>
  );
};
export default Page;

위와같이 , { cache: "no-store" } 이부분을 삭제하니 build가 정상적으로 동작합니다.

왜 fetch의 { cache: "no-store" } 기능을 끄면 정상적으로 build가 되는지 모르겠는데 왜그러는건가요??

만약 사용을 못한다면 client 컴포넌트에서만 저 속성을 사용할 수 있는지 궁금습니다.