eslint가 jsconfig에 매핑 된 경로를 확인하도록하는 방법

내 nextjs 프로젝트에서 경로를 매핑했습니다. jsconfig.json 절대 절대 가져 오기를 쉽게하기 위해

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["./*"]
    },
    "target": "es6",
    "module": "commonjs",
    "experimentalDecorators": true
  }
}

내 가져 오기 경로는 다음과 같습니다 import { VIEW } from '@/src/shared/constants';

내 eslintrc.js설정이 다음과 같이 지정되었습니다.

module.exports = {
    ... ,
    settings: {
        "import/resolver": {
          alias: {
            extensions: [".js"],
            map: ["@", "."]
          }
        }
      }
}

"@ / what / ever / my / path / is"를 해결할 수 없다는 오류가 계속 발생합니다.

eslint가 jsconfig 경로를 인식하게하려면 어떻게합니까

eslintrc의 파서로 babel-eslint를 사용하고있었습니다. 검색하는 동안 babel-plugin-module-resolverbabelrc를 추가 하여 모듈을 해결 해야한다는 것을 깨달았습니다 . 이 파일에서 jsconfig에있는 매핑 된 경로를 정의 할 수 있습니다.

따라서 babelrc 파일에 다음 플러그인을 추가하면 코드가 성공적으로 컴파일되었습니다.

[
    "module-resolver",
    {
        "alias": {
          "@": "./"
        }
    }
]

에 따르면 eslint - 수입 해결 별명에 대한 문서 의 map속성 때문에 이것을 시도, 배열의 배열되어야한다 :

module.exports = {
    ... ,
    settings: {
        "import/resolver": {
          alias: {
            extensions: [".js"],
            map: [ ["@", "."] ]
          }
        }
      }
}

또한 실제로 eslint-import-resolver-alias설치 했는지 다시 확인하십시오 . 잊어 버리기 쉽습니다!