오류 수정: Typescriptres.json () 은 함수가 아닙니다.

문제

당신은 이미 위대한 NextJS tutorial을 완성했고, 현재 당신의 새로운 지식을 다음 웹 응용 프로그램 프로젝트에 응용할 준비를 하고 있습니다.
페이지를 미리 렌더링하기 전에 (예: Airbnb, Facebook, Google) 함수를 사용하여 자신의 NodeJS에서 구동되는 API나 외부 API에서 데이터를 가져옵니다.
색인에는 다음 코드가 있습니다.예를 들어 js 페이지:

import {getIndexData} from 'lib/api.js'

export async function getStaticProps() {
  const indexData = await getIndexData()

  return {
    props: {
      indexData
    }
  }
}

그리고lib/api의 다음 내용입니다.js:

import axios from 'axios'

const get = endpoint => axios.get(`endpoint`);

export async function getHomeData()
{ 
  const res = await get(`https://api.facebook.com/...`);
  return res.json()
}

NextJS에서 언급한 바와 같이 정상적으로 작동할 수 있을 것입니다. 그러나localhost:3000을 열면 이 짜증나는 오류가 발생합니다

고치다

다음 함수를 다시 작성하여 데이터 사용을 시작합니다.
lib/api에서js:

export async function getHomeData()
{ 
  const {data: response} = await get(`https://api.facebook.com/...`);
  return response
}

getStaticProps 함수에서:

export async function getStaticProps() {
  const data = await getIndexData()
  return {
    props: {
      indexData: data
    }
  }
}

베스트