Esconint jsconfig'de eşlenen yolları çözümleme

Nextjs projemde, jsconfig.jsonmutlak ithalatları kolaylaştırmak için yolu çizdim

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

İçe aktarma yollarım şöyle görünüyor import { VIEW } from '@/src/shared/constants';

Benim eslintrc.jsolarak belirtilen ayarları vardır

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

Hala "@ / ne / hiç / benim / yol /" olduğunu çözemez söyleyerek hata alıyorum

Eslint'in jsconfig yolunu fark etmesini nasıl sağlarım

Babl-eslint'i eslintrc'deki ayrıştırıcı olarak kullanıyordum. Arama yaparken, babel-plugin-module-resolvermodülleri çözmek için babelrc eklemem gerektiğini fark ettim . Bu dosyada jsconfig dosyamızda bulunan eşlenmiş yollarımızı tanımlayabiliriz.

Bu nedenle babelrc dosyasına aşağıdaki eklentiyi eklemek kodumu başarıyla derledi.

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

Eslint-import-resolver-alias belgelerine göre , mapözellik bir dizi dizi olmalıdır, bu yüzden şunu deneyin:

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

Ayrıca, gerçekten eslint-import-resolver-aliasyüklediğinizi tekrar kontrol edin - unutmak kolaydır!