[기타] VScode : Error while loading config - You appear to be using a native.... 에러

VScode가 처음이라 만지기만 에러가 뜬다.. 뭘 잘못 했는지는 모르지만, 에러 난 거 하나하나 고쳐가면서

정리를 하려고 한다. 이번에 뜬 에러는 다음과 같다.

 

Error: C:\Users\BONG\Desktop\vueProject\vue_prj\vueprj\babel.config.js: 

Error while loading config - You appear to be using a native ECMAScript module configuration file, 

which is only supported when running Babel asynchronously.

 

원래 js파일이랑 vue파일이 import가 되지 않는 문제를 고치려고 package.json에 아래 속성을 넣었었는데 해당 에러가 뜬 것..

 

package.json에 넣은 명령어

// 생략
 "type": "module",
// 생략

근데 위 에러가 뜨니, 난감했다.. 결국 구글링을 한 결과 아래와 같이 해서 해결 했다.

 

root 경로에 있는 babel.config.js의 파일명을 babel.config.cjs로 변경하고 안의 내용을 아래와 같이 수정해준다.

 

babel.config.cjs

module.exports = {
    presets: [
      [
        '@babel/preset-env',
        {
          targets: {
            node: 'current'
          }
        }
      ]
    ]
  };

이렇게 수정해주고 서버를 돌려주면 제대로 돌아간다.