ইএসলিন্ট ভিএস কোডে কাজ করছেন না?

Question

ESLint আমার পক্ষে ভিএস কোডে কাজ করছে না। আমি ভিএস কোডে প্লাগইন ইনস্টল করেছি এবং আমার প্যাকেজ.জসনে বিকাশকারী নির্ভরতা হিসাবে নিজেই এসএসলিন্ট আছে, যা আমি ইনস্টল করেছি।

আমি ভিএস কোড ব্যবহারকারী সেটিংসে নিম্নলিখিত বিকল্পটি সংশোধন করেছি:

{
  "eslint.options": { "configFile": "C:/mypath" }
}

আমার প্যাকেজটির মূল ডিরেক্টরিতে eslint --initবেসিক যুক্ত করতে আমি কমান্ডটি ব্যবহার .eslintrc.jsonকরেছি।

অন্যান্য লোকেরা ঠিক একই ESLint কনফিগারেশন ফাইলের সাথে সঠিক একই প্যাকেজটি ব্যবহার করে ভিএস কোড থেকে ESLint প্রতিক্রিয়া পেতে সক্ষম হয়েছিল।

.eslintrc.jsonফাইলের অভ্যন্তরে ডিফল্টরূপে প্রস্তাবিত নিয়ম সেটটিতে অন্তর্ভুক্ত থাকা একাধিক বিধিগুলি সরাসরি ভাঙ্গার সময় আমি কোনও ধরণের কোনও প্রতিক্রিয়া পাইনি ।

আমি কী মিস করছি?

সম্পাদনা: আমি কমান্ড লাইনের মাধ্যমে ইএসলিন্ট ব্যবহার করে পরীক্ষা করেছি এবং প্রত্যাশা অনুযায়ী সবকিছুই কাজ করেছিল, যেখানে ত্রুটি পাওয়া উচিত ছিল সেগুলি সহ, যদিও এই একই ত্রুটিগুলি ভিএস কোডে কখনই প্রদর্শিত হয়নি। বিষয়টি ESLint নয়, ভিএস কোডের পক্ষে রয়েছে বলে মনে হচ্ছে।

Comments

মনে রাখবেন, আপনি যদি ইএসলিন্টটি সফলভাবে ইনস্টল করে রেখেছেন তবে আপনি যেমনটি প্রত্যাশা করেছিলেন তেমন ইএসলিন্টের কাছ থেকে কোনও প্রতিক্রিয়া না পেয়ে থাকেন তবে এমন একটি সুযোগ রয়েছে যা আপনি ইএসলিন্টের সূচনা করতে ভুলে যেতে পারেন । এটি করতে, আপনার প্রকল্পের মূল থেকে এই আদেশটি চালান./node_modules/.bin/eslint --init

Answer 1

কয়েকটি কারণ রয়েছে যে ESLint আপনাকে প্রতিক্রিয়া জানায় না। ESLint আপনার প্রকল্পে প্রথমে আপনার কনফিগারেশন ফাইলটি সন্ধান করতে চলেছে এবং যদি এটি একটি .eslintrc.json খুঁজে না পায় তবে এটি একটি বিশ্বব্যাপী কনফিগারেশন সন্ধান করবে। ব্যক্তিগতভাবে, আমি কেবল প্রতিটি প্রকল্পে ইএসলিন্ট ইনস্টল করি এবং প্রতিটি প্রকল্পের ভিত্তিতে একটি কনফিগারেশন তৈরি করি।

আপনি প্রতিক্রিয়া পাচ্ছেন না এমন দ্বিতীয় কারণ হ'ল প্রতিক্রিয়া জানাতে আপনাকে .eslintrc.json- এ আপনার আবরণের নিয়মগুলি সংজ্ঞায়িত করতে হবে। যদি সেখানে কোনও বিধি না থাকে বা আপনার কোনও প্লাগইন ইনস্টল না থাকে তবে আপনাকে সেগুলি সংজ্ঞায়িত করতে হবে।

Comments

আপনার যদি স্থানীয় .eslintrc.json থাকে তবে আপনার সেটিংসে আপনার কনফিগার ফাইলটি সংজ্ঞায়িত করার দরকার নেই।

— ইজে ম্যাসন

আমি .eslintrc.jsonআমার প্রকল্পটির মূল ফোল্ডারে স্থানীয় ইতিমধ্যে রেখেছি এবং আমার বিধিগুলি ESLint দ্বারা প্রস্তাবিত নিয়মগুলিকে প্রসারিত করে, যা আমি পরীক্ষা করে যাচ্ছি। আমি আরও কিছু পরীক্ষার জন্য নিজের কিছু বিধি যুক্ত করেছি, তবে কোনও সাফল্যই পেলাম না।

— জন ল্যান্ডন

কমান্ড লাইনের মাধ্যমে সরাসরি ইএসলিন্ট ব্যবহার করার সময়, সবকিছু সঠিকভাবে কাজ করে এবং এতে সমস্ত ত্রুটি পাওয়া যায়। এখানে সমস্যাটি ভিএস কোডের সাথে সম্পর্কিত বলে মনে হচ্ছে, এবং ইএসলিন্টের নয়।

— জন ল্যান্ডন

আপনার সেটিংস "eslint.enable" এ এসিলিন্ট সক্ষম করার চেষ্টা করুন: সত্য। আপনার বিশ্বব্যাপী কোনও এসলিন্ট ইনস্টল না করা আছে তা নিশ্চিত করুন। এবং কনফিগার ফাইল সরানোর চেষ্টা করুন। এভাবেই আমার ভিসকোড সেট আপ হয়েছে। আমি বিশ্বব্যাপী এবং স্থানীয়ভাবে ইনস্টল থাকা অবস্থায় আমি অনেক সমস্যার মধ্যে পড়ে।

— ইজে ম্যাসন

আমার জন্য, সমস্যাটি হ'ল আমি ভিএসকোডে ইএসলিন্ট এক্সটেনশন ইনস্টল করি নি।

— অতুলখাত্রি

Answer 2

যদি ESLint টার্মিনালে চলছে তবে ভিএসকোডের অভ্যন্তরে নয়, এটি সম্ভবত কারণ এক্সটেনশনটি স্থানীয় এবং বৈশ্বিক node_modulesফোল্ডার উভয়ই সনাক্ত করতে অক্ষম ।

যাচাই করার জন্য প্রেস Ctrl+ + Shift+ + UVSCode খোলার জন্য Outputএকটি পরিচিত সহ একটি JavaScript ফাইল খোলার পর প্যানেল eslintসমস্যা। যদি এটি প্রদর্শিত হয় Failed to load the ESLint library for the document {documentName}.jsবা- যদি Problemsট্যাবটি কোনও ত্রুটি বা সতর্কতা দেখায় যা উল্লেখ করে eslintতবে ভিএসকোডটি পথটি সনাক্ত করার চেষ্টা করে একটি সমস্যা হচ্ছে।

যদি হ্যাঁ, তবে এটি eslint.nodePathভিএসকোড সেটিংস ( settings.json) এ কনফিগার করে ম্যানুয়ালি সেট করুন । এটিকে পুরো পথটি দিন (উদাহরণস্বরূপ, পছন্দ করুন "eslint.nodePath": "C:\\Program Files\\nodejs",) - পরিবেশের ভেরিয়েবলগুলি বর্তমানে সমর্থিত নয়।
এই বিকল্পটি ESLint এক্সটেনশন পৃষ্ঠাতে নথিভুক্ত করা হয়েছে ।

Comments

আপনাকে ধন্যবাদ, এস্কলিন্ট এখন কেন বিশ্বব্যাপী ভিসকোড নিয়ে কাজ করেছেন তা আবিষ্কার করতে কয়েক ঘন্টা ব্যয় করেছেন

— আন্ড্রেই

সর্বকালের সেরা উত্তর।

— নিকোলা মিহাজলভি

আমারো একই ইস্যু ছিল. এটি আমাকে এটি সমাধান করতে সহায়তা করেছিল তবে আমার সেটিংস.জসন ফাইল পরিবর্তন করার দরকার নেই। আমি Problemsট্যাবটিতে গিয়ে ত্রুটির পাশে লাইট বাল্বটি ক্লিক করেছি এবং পপ-আপ উইন্ডোতে অনুমতিটি বেছে নিয়েছি ।

— bhek

Answer 3

আমার ক্ষেত্রে, যেহেতু আমি প্রতিক্রিয়া সহ টাইপস্ক্রিপ্ট ব্যবহার করছিলাম, ঠিক ততক্ষণ এই ফাইলগুলিকে বৈধতা দেওয়ার জন্য ইএসলিন্টকে কেবল বলা ছিল। এটি আপনার ব্যবহারকারীর সেটিংসে যেতে হবে:

"eslint.validate": [ "javascript", "javascriptreact", "html", "typescriptreact" ],

Comments

আমার জন্য কাজ করেছেন। (উইন্ডোজে)

— এলিস

এখানে প্রতিক্রিয়া সহ টাইপস্ক্রিপ্ট, আমার জন্যও কাজ করেছিল। ধন্যবাদ

— ggat

উইন্ডোজে প্রতিক্রিয়া সহ টাইপস্ক্রিপ্ট এবং এটি আমার জন্যও কাজ করেছিল।

— পিটার Boomsma

Answer 4

ওয়ার্কিং ডিরেক্টরিগুলি কনফিগার করা আমার পক্ষে এটি সমাধান করে, যেহেতু .eslintrcএকই উইন্ডোতে আমার নিজস্ব ফাইলগুলি ওপেনড সহ একাধিক প্রকল্প ছিল ।

এটি আপনার মধ্যে রাখুন .vscode/settings.json

"eslint.workingDirectories": [
    "./backend", 
    "./frontend"
],

গিথুব-এ এই লোকটির জন্য ধন্যবাদ: https://github.com/mic Microsoft/vscode-eslint/issues/696#issuecomment-542592372

PS: .eslintrc/ নোড_মডিউলগুলি ব্যতীত সমস্ত সাব-ডিরেক্টরিকে তালিকাভুক্ত করার জন্য দরকারী কমান্ড :

find . .eslintrc | grep .eslintrc | grep -v node_modules

Answer 5

আমার ক্ষেত্রে, আমি ভিএসকোডে তিনি ইএসলিন্ট এক্সটেনশনটি ইনস্টল করেনি, যা সমস্যা সৃষ্টি করেছিল। এটি করেছে এবং এটি আবার কাজ শুরু করে।

Answer 6

ভিএসকোড পুনরায় চালু করা আমার পক্ষে কাজ করেছিল।

Answer 7

যেহেতু আপনি কমান্ড লাইনের মাধ্যমে সাফল্যের সাথে লিন্ট করতে সক্ষম হচ্ছেন, তাই সমস্যাটি সম্ভবত ESLint প্লাগইন কনফিগারেশনের ক্ষেত্রে ।

এক্সটেনশনটি যথাযথভাবে ইনস্টল করা আছে বলে ধরে নিচ্ছেন, প্রকল্প (ওয়ার্কস্পেস) এবং ব্যবহারকারী (গ্লোবাল) সংজ্ঞায়িত সেটিংস.জসন উভয়ই ESLint সম্পর্কিত কনফিগার বৈশিষ্ট্যগুলি পরীক্ষা করে দেখুন ।

আপনার নির্দিষ্ট ক্ষেত্রে ভুল কনফিগার করা যেতে পারে এমন কয়েকটি জিনিস রয়েছে; আমার জন্য এটি অন্য প্রকল্পে টাইপসক্রিপ্টের সাথে কাজ করার পরে জাভাস্ক্রিপ্ট অক্ষম হয়ে গেছে এবং আমার বিশ্বব্যাপী সেটিংস.জসন নিম্নলিখিতগুলি অনুসন্ধান করে শেষ করেছেন:

"eslint.validate": [
  { "language": "typescript", "autoFix": true }
 ]

এখান থেকে এটি একটি সাধারণ ফিক্স ছিল:

"eslint.validate": [
  { "language": "javascript", "autoFix": true },
  { "language": "typescript", "autoFix": true }
]

এটি এত সাধারণ যে কেউ ভিএস কোডে ইএসলিন্টে কাজ করছে না সে সম্পর্কে একটি সরাসরি ফরোয়ার্ড ব্লগ পোস্ট লিখেছিল । আমি কেবল যুক্ত করব, স্থানীয় ওয়ার্কস্পেস কনফিগারেশন ওভাররাইড করার আগে আপনার বিশ্বব্যাপী ব্যবহারকারীর সেটিংস পরীক্ষা করুন j

Comments

আমার জন্য, আপনি যা নির্দিষ্ট করেছেন তা ছাড়াও আমাকে যুক্ত করতে হয়েছিল "javascriptreact"এবং "typescriptreact"যেহেতু আমার প্রকল্পটি প্রতিক্রিয়া ব্যবহার করে।

— ওয়ালহি

দুর্দান্ত পয়েন্ট। javascriptএবং javascriptreactহয় ডিফল্ট মান কিন্তু আমি মনে করি আপনি আছে করতে হবে *scriptreactJSX ফাইলের জন্য জুড়েছে।

— dmudro

Answer 8

আপনি যদি ইএসলিন্টের বিশ্বব্যাপী ইনস্টলেশন ব্যবহার করছেন তবে আপনার কনফিগারেশনে ব্যবহৃত কোনও প্লাগইন অবশ্যই বিশ্বব্যাপী ইনস্টল করা উচিত। স্থানীয় ইনস্টল জন্য বুদ্ধিমান মত। আপনি যদি স্থানীয়ভাবে ইনস্টল করে থাকেন এবং স্থানীয়ভাবে সঠিকভাবে কনফিগার করেছেন তবে এসলিন্ট কাজ করছে না, আপনার আইডিই পুনরায় চালু করার চেষ্টা করুন। এই মাত্র আমার সাথে ভিএসকোড নিয়ে ঘটেছে।

Comments

উঘ! কেন জানি তাড়াতাড়ি আমার কাছে এই ঘটনা ঘটেনি। ভিএসকোডটি আমার ওয়েবপ্যাক কনফিগারেশন ফাইলে সংজ্ঞায়িত মডিউল উপন্যাসগুলি সনাক্ত করতে পারে না এবং এসলিন্ট ত্রুটি প্রদর্শন করে তবে কমান্ড লাইন থেকে এসলিন্ট চালানো যায় নি। ভিএসকোড পুনরায় চালু করার ফলে সমস্যাটি স্থির হয়েছে!

— জেরেড ক্নিপ

Answer 9

আমার ক্ষেত্রে ESLint আমার কর্মক্ষেত্রে অক্ষম ছিল। আমাকে এটি vscode এক্সটেনশান সেটিংসে সক্ষম করতে হয়েছিল।

Comments

এই আমার জন্য কাজ

— richardwhatever

Answer 10

উইন্ডোজগুলিতে আমার একই সমস্যা ছিল, তবে কখনও কখনও এসলিন্ট কাজ করে (vscode এ) কখনও কখনও হয় না। পরে আমি বুঝতে পারি যে এটি কিছুক্ষণ পরে ভাল কাজ করে। এটি এই ইস্যুটির সাথে সম্পর্কিত ছিল: এসলিন্ট সার্ভার উপলভ্য হতে ~ 3-5 মিনিট সময় নেয়

পরিবেশগত পরিবর্তনশীল সেট NO_UPDATE_NOTIFIER=1করা সমস্যার সমাধান করে

Answer 11

আমি প্রতিক্রিয়া অভিমানী আপনি ইতিমধ্যে সঙ্গে আপনি স্থানীয় প্রকল্প রুট নিয়ম সংজ্ঞায়িত করেছেন দিচ্ছি .eslintrc এবং .eslintignore । ভিএসকোড এসলিন্ট এক্সটেনশন ইনস্টল করার পরে বেশ কয়েকটি কনফিগারেশন যা ভিসকোডের জন্য সেটিংস.জসনে করা দরকার

eslint.enable: true
eslint.nodePath: <directory where your extensions available>

প্রকল্পের নির্ভরতা হিসাবে এসলিন্ট স্থানীয় ইনস্টল করা এটি কাজ করার জন্য সর্বশেষ উপাদান। আপনার স্থানীয় ইনস্টল করা প্যাকেজটির সাথে দ্বন্দ্ব ঘটাতে পারে এমন এস্লিন্ট বিশ্বব্যাপী হিসাবে ইনস্টল না করার বিষয়টি বিবেচনা করুন।

Answer 12

এসিলিন্টের সাথে আমার অনুরূপ সমস্যা ছিল এটি বলছিলাম যে এটি '.. এখনও কোনও ফাইল যাচাই করা নয়', কিন্তু ভিএস কোড সমস্যা কনসোলে কোনও কিছুই রিপোর্ট করা হয়নি। তবে ভিএস কোডটি সর্বশেষ সংস্করণে (1.32.1) আপগ্রেড করার পরে এবং পুনরায় চালু করার পরে এসলিন্ট কাজ শুরু করে।

Answer 13

আমার ক্ষেত্রে সেটিংটি এসিলিন্টকে বৈধতা দিন: "এসলিন্ট.অলদিয়েট": ["জাভাস্ক্রিপ্ট", "জাভাস্ক্রিপ্টরিেক্ট", "এইচটিএমএল", "টাইপসক্রিপেক্ট"], কাজটি করেছে।

Answer 14

আমি কোড লেটিং এবং ফর্ম্যাটিংয়ের জন্য একসাথে প্রিটিয়ার ফর্ম্যাটর এবং ইএসলিন্ট ভিএস কোড এক্সটেনশন ব্যবহার করি।

এখন প্রদত্ত কমান্ডটি ব্যবহার করে কিছু প্যাকেজ ইনস্টল করুন, যদি আরও প্যাকেজগুলির প্রয়োজন হয় তবে তারা আপনার জন্য টার্মিনালের ত্রুটি হিসাবে ইনস্টলেশন কমান্ডটি প্রদর্শন করবে, দয়া করে সেগুলিও ইনস্টল করুন।

npm i eslint prettier eslint@^5.16.0 eslint-config-prettier eslint-plugin-prettier eslint-config-airbnb eslint-plugin-node eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks@^2.5.0 --save-dev

এখন আপনার প্রকল্পের হোম ডিরেক্টরিতে একটি নতুন ফাইলের নাম তৈরি করুন। ব্যাখ্যা ফাইলটি ব্যবহার করে আপনি প্রিটিয়ার এক্সটেনশনের সেটিংস কনফিগার করতে পারেন, আমার সেটিংস নীচে রয়েছে:

{
  "singleQuote": true
}

এখন আপনার প্রয়োজন অনুসারে ESlint এটিকে কনফিগার করতে পারেন, আমি আপনাকে পরামর্শ দিচ্ছি এসলিন্ট ওয়েবসাইটে নিয়মগুলি দেখুন ( https://eslint.org/docs/rules/ )

এখন আপনার প্রকল্পের হোম ডিরেক্টরিতে একটি ফাইলের নাম .eslintrc.json তৈরি করুন , সেই ফাইলটি ব্যবহার করে আপনি এসিলিন্টটি কনফিগার করতে পারেন, আমার কনফিগারেশনগুলি নীচে রয়েছে:

{
  "extends": ["airbnb", "prettier", "plugin:node/recommended"],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error",
    "spaced-comment": "off",
    "no-console": "warn",
    "consistent-return": "off",
    "func-names": "off",
    "object-shorthand": "off",
    "no-process-exit": "off",
    "no-param-reassign": "off",
    "no-return-await": "off",
    "no-underscore-dangle": "off",
    "class-methods-use-this": "off",
    "prefer-destructuring": ["error", { "object": true, "array": false }],
    "no-unused-vars": ["error", { "argsIgnorePattern": "req|res|next|val" }]
  }
}

Answer 15

আমার জন্য, আমি দুর্ঘটনাক্রমে ইএসলিন্টটি অক্ষম করেছিলাম যখন এটির মাধ্যমে কিছু প্রম্পট প্রদর্শিত হয়েছিল।

নীচে পদক্ষেপগুলি করা আমার জন্য এটি স্থির করে

1. Shift + Command + P এবং নির্বাচন করুন ESLint: Disabled ESLint
2. বন্ধ
3. Shift + Command + P এবং নির্বাচন করুন ESLint: Show Output Channel

Answer 16

আমার ক্ষেত্রে, এটি কাজ করছে না কারণ আমি প্রকল্পটিতে মনোরেপোর একটি মাত্র ফোল্ডার যুক্ত করেছি, যদিও আমার কাছে package.jsonএবং এক্সটেনশনটি কনফিগার করা ছিল। আমি তখনই কাজ করেছি যখন আমি package.jsonভিএস কোডে পুরো প্রকল্পটি (যা ফাইলটি ধারণ করে ) যুক্ত করেছিলাম ।

Answer 17

আপনি যদি প্যাকেজ.জসন নির্ভরতা হিসাবে এসিলিন্ট সহ একটি প্রকল্প বিকাশ করছেন তবে নিশ্চিত হয়ে নিন যে আপনি চালাচ্ছেন npm install। এটা আমার জন্য এটি স্থির।

Answer 18

আপনার সেটিংস.জসন ফাইলে যান, নিম্নলিখিতটি যুক্ত করুন এবং, eslint.nodepath ঠিক করুন। এটি আপনার নিজের পছন্দ অনুযায়ী তৈরি করুন।

 // PERSONAL
  "editor.codeActionsOnSaveTimeout": 2000,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "editor.fontSize": 16,
  "editor.formatOnSave": true,
  "explorer.confirmDragAndDrop": true,
  "editor.tabSize": 2,
  "eslint.codeAction.showDocumentation": {
    "enable": true
  },
  "eslint.nodePath": "C:\\{path}",
  "eslint.workingDirectories": ["./backend", "./frontend"],

Answer 19

আমার ক্ষেত্রে, আমার ফোল্ডারের .eslintrc.jsonভিতরে ফাইলটি ছিল .vscode। একবার আমি এটিকে রুট ফোল্ডারে সরিয়ে নিয়ে গেলে, ESLint সঠিকভাবে কাজ শুরু করে।

Answer 20

সাধারণ সমস্যাগুলি

টার্মিনাল খুলুন Ctrl+`

আউটপুট ESLint ড্রপডাউন এর অধীনে , আপনি দরকারী ডিবাগিং ডেটা (ত্রুটি, সতর্কতা, তথ্য) পাবেন।

উদাহরণস্বরূপ, অনুপস্থিত .eslintrc-.jsonএই ত্রুটি নিক্ষেপ:

Error: ENOENT: no such file or directory, realpath

পরবর্তী, প্লাগইন সক্ষম হয়েছে কিনা তা পরীক্ষা করুন:

সর্বশেষে, ভি ২.০.৪ থেকে - eslint.validateসাধারণ ক্ষেত্রে আর প্রয়োজন হয় না ( পুরানো উত্তরাধিকার সেটিং ):

eslint.probe= ভাষা শনাক্তকারীদের জন্য একটি অ্যারে যার জন্য ESLint এক্সটেনশানটি সক্রিয় করা উচিত এবং ফাইলটি বৈধ করার চেষ্টা করা উচিত। যদি অনুসন্ধানী ভাষার জন্য বৈধতা ব্যর্থ হয় তবে এক্সটেনশনটি নীরব বলে। ডিফল্ট করতে [ javascript, javascriptreact, typescript, typescriptreact, html, vue, markdown]।

নির্দিষ্ট সমস্যা - প্রথমবারের প্লাগইন ইনস্টলেশন tion

আমার ইস্যুটি নতুন / প্রথম ইনস্টলেশন (v2.1.14) এর ESLint প্লাগইন "বর্তমানে ব্লক করুন" স্ট্যাটাস বার সম্পর্কিত ছিল ।

যেহেতু ইএসলিন্ট প্লাগইন সংস্করণ ২.১.১০ (08/10/2020)

যখন ESLint এক্সটেনশন প্রথমবারের জন্য ESLint লাইব্রেরিটি লোড করার চেষ্টা করে এবং কোনও অনুমোদনের প্রয়োজন হয় তখন কোনও মডেল ডায়লগ প্রদর্শিত হয় না। পরিবর্তে ESLint স্থিতি বার আইটেমটি ESLint স্থিতি আইকনে পরিবর্তিত হয় যা ইঙ্গিত দেয় যে বর্তমানে কার্যকর করা হয়েছে।

status-bar(ডান-নীচে কোণায়) ক্লিক করুন :

এই পপআপটি খোলে:

অনুমোদন করুন ==> Allows Everywhere

বা আদেশ দ্বারা:

ctrl+ Shift+ পি -ESLint: Manage Library Execution

"রিলিজ নোটস" এর অধীনে এখানে আরও পড়ুন:

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint