Jsconfig- এ ম্যাপযুক্ত কীভাবে এসলিন্ট সমাধানের পাথগুলি তৈরি করবেন

Question

আমার পরের প্রকল্পে আমি 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: ["@", "."]
          }
        }
      }
}

"@ / কী / সর্বদা / আমার / পথ / তা" সমাধান করতে পারে না বলে আমি ত্রুটিটি পাচ্ছি এখনও

আমি কীভাবে এসলিন্টকে jsconfig পাথ উপলব্ধি করতে পারি

Answer 1

আমি eslintrc এ আমার পার্সার হিসাবে ব্যাবেল-এসলিন্ট ব্যবহার করছিলাম। অনুসন্ধান করার সময়, আমি বুঝতে পেরেছি babel-plugin-module-resolverমডিউলগুলি সমাধান করার জন্য আমাকে বাবেলর্কে যুক্ত করা দরকার । এই ফাইলে আমরা আমাদের ম্যাপ করা পথগুলি সংজ্ঞায়িত করতে পারি যা আমাদের jsconfig এ রয়েছে।

অতএব babelrc ফাইলে নিম্নলিখিত প্লাগইন যুক্ত করে আমার কোডটি সফলভাবে সংকলিত।

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

Answer 2

এসলিন্ট-আমদানি-সমাধানকারী-ওরফে ডক্স অনুসারে , mapসম্পত্তিটি অ্যারেগুলির একটি অ্যারে হওয়া উচিত, তাই এটি চেষ্টা করুন:

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

এছাড়াও, আপনি আসলে eslint-import-resolver-aliasইনস্টল করেছেন তা ডাবল-চেক করুন - এটি ভুলে যাওয়া সহজ!

Comments

প্লাগইন ইনস্টল করা আছে, আমি অ্যারের সাথে এটি করার চেষ্টাও করেছি। এখনও একই সমস্যা, এটি পথের সমাধান করতে পারে না।

— এমডিনিশ