[Gatsby] TypeError: The "path" argument must be of type string. Received undefined 오류

코린·2023년 8월 9일
0
post-thumbnail

개츠비 오류를 해결해봅시다!

📍 문제상황


tailwind 라이브러리를 적용시키고 나서

gatsby develop

을 했는데

 ERROR  UNKNOWN

The "path" argument must be of type string. Received undefined



  TypeError: The "path" argument must be of type string. Received undefined
  
...

이런 무슨 엄청나게 긴 오류가 발생했습니다...
그래서 읭???????????? 하고 진짜 tailwind 다시 깔고 별 난리를 다쳤는데 계속 오류가 났습니다.

📍 문제해결


일단 여러분들 해결방법이 더 먼저 궁금하실것 같아서 해결방법 먼저 알려드리겠습니다.

gatsby-config.js를 확인해보세요

/**
 * @type {import('gatsby').GatsbyConfig}
 */
module.exports = {
    siteMetadata: {
        title: `my-portfolio`,
        siteUrl: `https://www.yourdomain.tld`,
    },
    plugins: ['gatsby-plugin-postcss',{}],
};

보이시나요?? 저 {} 이 놈 이거 때문에 저는 에러가 났습니다.

/**
 * @type {import('gatsby').GatsbyConfig}
 */
module.exports = {
    siteMetadata: {
        title: `my-portfolio`,
        siteUrl: `https://www.yourdomain.tld`,
    },
    plugins: ['gatsby-plugin-postcss'],
};

저거 떼어주니까 바로 잘 실행됐습니다..휴..

📍 문제해결방법


전 일단 물어볼 수 있는 분이 있어서 냅다 달려갔습니다.

일단 마음을 가다듬고 에러메시지를 확인해보면
type이 틀렸다고 하는걸 볼 수 있습니다. String 으로 줘야 하는데 엉뚱한게 지한테 온다고 알려주고 있죠?

그래서 처음에는 tailwind-config.js 와 gatsby-config.js 에 백틱으로 되어있는 문자열을 다 수정해봤는데요 그래도 오류가 나더랍니다..

근데 마지막으로 저 plugin 부분에 있는 {} 이거를 지워주니까 잘 작동했습니다!

근데 여기서 의문은 도대체 저 중괄호가 왜 들어갔냐..?
인데요 제가 중간에 코드를 한번 타입스크립트로 바꿔볼까하고 수정한 적이 있었는데 그거때문에 그런거 같기도 하고.. 사실 잘 모르겠습니다만은... 어찌저찌 해결해서 다행입니다요!!!!

암튼 이거때문에 2시간???3시간??은 삽질한거 같은데... 저랑 같은 오류 나신분들 있을까봐 적어봅니다..끌끌...

profile
안녕하세요 코린입니다!

0개의 댓글