Parsing error: No Babel config file detected for "경로". Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files.eslint 에러 해결

어제도 에러해결하고 정상작동하는 걸 확인했는데, 오늘은 갑자기 파싱 에러가 떴다.

다행히 이건 바벨 세팅이 안되어있어 에러가 발생한다고 하는 문제였기 때문에 구글링하여 파일 세팅을 해줬다.

 

참고 블로그 : https://velog.io/@sujeong1517/Vue3-Parsing-error-No-Babel-config-file-detected-%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0

 

본인 에러는 .eslintrc.js와 .eslintrc.json, vue.config.js를 세팅해줬더니 해결되었다.

 

.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ["plugin:vue/vue3-essential", "eslint:recommended"],
  parserOptions: {
    parser: "@babel/eslint-parser",
    requireConfigFile: false,
  },
};

 

.eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": "eslint:recommended",
  "overrides": [],
  "parser": "@babel/eslint-parser",
  "parserOptions": {
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "rules": {}
}

 

vue.config.js

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  publicPath: "./",
  configureWebpack: {
    devtool: "source-map",
  },
  transpileDependencies: true,
});

 

jsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": ["src/*"]
    },
    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
  }
}

 

babel.config.js

module.exports = {
  presets: ["@babel/preset-env"],
};