[Error] Parsing error: The keyword 'import' is reserved

회사에서 vue.2 버전으로 프로젝트를 진행을 하다보니 2버전으로 공부를 하기 위해 vue프로젝트를 생성 했는데,

처음부터 Import 에러가 !!!

아무것도 안 했는데 시작부터 에러는 좀 선 넘는짓 아닌가 ㅡㅡ;;

아무튼 검색을 하고 봤더니 .eslintrc.js에서 설정을 해주면 되는데...

나는 .eslintrc.js가 없었다. 그래서 루트 경로에서 파일을 만들고,

// .eslintrc.js
module.exports = {
  // 현재 eslintrc 파일을 기준으로 ESLint 규칙을 적용
  root: true,
  // 추가적인 규칙들을 적용
  env: {
    node: true,
  },
  parserOptions: {
    parser: "babel-eslint",
  },
  extends: [
    "eslint:recommended",
    "plugin:vue/essential",
    "prettier",
    "plugin:prettier/recommended",
  ],
  // 코드 정리 플러그인 추가
  plugins: ["prettier"],
  // 사용자 편의 규칙 추가
  rules: {
    "prettier/prettier": [
      "error",
      // 아래 규칙들은 개인 선호에 따라 prettier 문법 적용
      // https://prettier.io/docs/en/options.html
      {
        singleQuote: true,
        semi: true,
        useTabs: true,
        tabWidth: 2,
        trailingComma: "all",
        printWidth: 80,
        bracketSpacing: true,
        arrowParens: "avoid",
      },
    ],
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
  },
};

해당 설정을 해주니 import에서 나온 에러가 사라졌다.