ত্রুটি: নোড সাস সংস্করণ 5.0.0 ^ 4.0.0 এর সাথে সঙ্গতিপূর্ণ নয়

Question 1

npx create-react-appNd v7.0.7 এবং নোড v15.0.1 এ : কমান্ডটি ব্যবহার করে আমি একটি ফাঁকা প্রতিক্রিয়া প্রকল্প তৈরি করেছি

ইনস্টল করা:

V17.0.1 প্রতিক্রিয়া,
নোড-সাস ভি 5.0.0,

তারপরে আমি অ্যাপ উপাদানটিতে ফাঁকা .scss ফাইল আমদানি করার চেষ্টা করেছি:

App.js

import './App.scss'

function App() {
  return (
    <div className="App">
      App
    </div>
  );
}

export default App;

একটি ত্রুটি নিক্ষেপ করুন:

Failed to compile.

./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/s
ass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss)
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.

package.json

{
  "name": "react-17-node-sass-5",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.5",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "node-sass": "^5.0.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.0",
    "web-vitals": "^0.2.4"
  },
 ...
 
  }
}

Question 2

টিএল; ডিআর

npm uninstall node-sass
npm install node-sass@4.14.1

বা, যদি সুতা ব্যবহার করা হয় (নতুন সিআরএ সংস্করণে ডিফল্ট)

yarn remove node-sass
yarn add node-sass@4.14.1

সম্পাদনা 2 : সাস-লোডার ভি 10.0.5 এটি ঠিক করে। সমস্যাটি হচ্ছে, আপনি এটি কোনও প্রকল্প নির্ভরতা হিসাবে ব্যবহার করছেন না, তবে আপনার নির্ভরতার নির্ভরতা হিসাবে বেশি more সিআরএ নোড-সাস ভি 4 এটিকে চালানোর জন্য একটি স্থির সংস্করণ, কৌণিক-ক্লিপ লক ব্যবহার করে।
এখনকারের জন্য প্রস্তাবনাটি হ'ল: আপনি যদি কেবলমাত্র নোড-স্যাস চেক ইনস্টল করেন তবে নিচে কাজ (এবং নোট)। আপনি যদি একটি ফাঁকা প্রকল্পে কাজ করছেন এবং আপনি নিজের ওয়েবপ্যাক কনফিগারেশন পরিচালনা করতে পারেন (সিআরএ বা আপনার প্রকল্পের জন্য সিএলআই ব্যবহার না করে) সর্বশেষ স্যাস-লোডার ইনস্টল করুন।

সম্পাদনা করুন : এই ত্রুটিটি সাস-লোডার থেকে এসেছে । নোড-স্যাস @ স্লেস্টটি ভি 5.0.0 হওয়ায় এবং সাস-লোডারটি ^ 4.0.0 প্রত্যাশা করার কারণে একটি সেমভার অমিল রয়েছে।
সম্পর্কিত সংগ্রহের সাথে তাদের সংগ্রহস্থলে একটি উন্মুক্ত সমস্যা রয়েছে যা পর্যালোচনা করা দরকার। ততক্ষণে নীচের সমাধানটি দেখুন।

কার্যকারণ : এখনও নোড-সাস 5.0.0 ইনস্টল করবেন না (প্রধান সংস্করণটি কেবল বাম্প করা হয়েছিল)।

নোড-স্যাস আনইনস্টল করুন

npm uninstall node-sass

তারপরে সর্বশেষ সংস্করণটি ইনস্টল করুন (5.0 এর আগে)

npm install node-sass@4.14.1

দ্রষ্টব্য: লিবাসাস (সেইসাথে নোড-স্যাস পাশাপাশি) অবচিত এবং ডার্ট-স্যাস হ'ল প্রস্তাবিত প্রয়োগ। পরিবর্তে আপনি ব্যবহার করতে পারেনsass , যা খাঁটি জাভাস্ক্রিপ্টে সংকলিত ডার্ট-স্যাসের নোড বিতরণ। সতর্ক থাকুন যদিও:

এই পদ্ধতির ব্যবহারে সতর্কতা অবলম্বন করুন। প্রতিক্রিয়া-স্ক্রিপ্টগুলিতে সাস-লোডার ভি 8 ব্যবহার করা হয়, যা নাস-স্যাসকে স্যাসের চেয়ে পছন্দ করে (যার কিছু সিনট্যাক্স থাকে নোড-স্যাস দ্বারা সমর্থিত নয়)। যদি উভয়ই ইনস্টল করা থাকে এবং ব্যবহারকারী সাসের সাথে কাজ করে তবে এটি সিএস সংকলনে ত্রুটি ঘটতে পারে

Question 3

নোড-স্যাস আনইনস্টল করুন

npm uninstall node-sass

সাস ব্যবহার করে:

npm install -g sass
npm install --save-dev sass

Question 4

আপনি যেমন কিছু ত্রুটি পান তার একমাত্র কারণ, আপনার নোড সংস্করণটি আপনার নোড-স্যাস সংস্করণের সাথে সামঞ্জস্যপূর্ণ নয়।

সুতরাং, এখানে ডকুমেন্টেশন চেকআউট নিশ্চিত করুন: https://www.npmjs.com/package/node-sass

অথবা নীচের এই চিত্রটি আপনাকে নোড সংস্করণটি নোড-স্যাস সংস্করণটি কীভাবে ব্যবহার করতে পারে তা আপনাকে সহায়তা করবে।

উদাহরণস্বরূপ, আপনি যদি আপনার উইন্ডোজে নোড সংস্করণ 12 ব্যবহার করেন ("সম্ভবত"), তবে আপনাকে নোড-স্যাস সংস্করণ 4.12 ইনস্টল করতে হবে ।

npm install node-sass@4.12

হ্যাঁ, এমন। সুতরাং এখন আপনার কম্পিউটারে ইনস্টল নোডের সাথে নোড-স্যাস দল দ্বারা প্রস্তাবিত নোড-স্যাস সংস্করণটি কেবল ইনস্টল করতে হবে।

Question 5

যদি আপনি ডিফল্ট yarnপ্যাকেজ ম্যানেজারের সাথে সিআরএ ব্যবহার করে থাকেন তবে নিম্নলিখিতগুলি ব্যবহার করুন। আমার জন্য কাজ করেছেন।

yarn remove node-sass 
yarn add node-sass@4.14.1

Question 6

নোড-স্যাস প্যাকেজটির বিশেষ সংস্করণ যুক্ত করার পরে এটি আমার জন্য কাজ করেছিল (নোড-sass@4.14.1)

Question 7

নোডজেএস এবং নোড সাসের সংস্করণগুলি মিলে না গেলে এই ত্রুটি ঘটে।

আপনি নীচের মতো করে আপনার সমস্যাটি সমাধান করতে পারেন:

- পদক্ষেপ 1 : আপনার কম্পিউটার থেকে নোডেজ সরান

- পদক্ষেপ 2 : নোডেজ সংস্করণ পুনরায় ইনস্টল করুন 14.15.1।

- পদক্ষেপ 3 : কমান্ডটি চালিয়ে নোড স্যাস আনইনস্টল করুনnpm uninstall node-sass

- পদক্ষেপ 4 : কমান্ডটি চালিয়ে নোড স্যাস সংস্করণ 4.14.1 পুনরায় ইনস্টল করুনnpm install node-sass@4.14.1

সমস্ত পদক্ষেপের পরে, আপনি ng serve -oআপনার অ্যাপ্লিকেশনটি চালাতে কমান্ড চালাতে পারেন।

নোড সাস সংস্করণ 5.0.0 ^ 4.0.0 এর সাথে সঙ্গতিপূর্ণ নয়।

Question 8

যদি ত্রুটি হয়

ত্রুটি: নোড সাস সংস্করণ 5.0.0 ^ 4.0.0 এর সাথে সঙ্গতিপূর্ণ নয়

পদক্ষেপ 1: সার্ভারটি বন্ধ করুন

পদক্ষেপ 2: রান কমান্ড হয় npm uninstall node-sass

স্টিপি 3: নোড-স্যাস ইন পরীক্ষা করুন package.jsonযদি ফাইলটিতে নোড-স্যাস পাওয়া যায় তবে আবার স্টেপ 2 চালান।

পদক্ষেপ 4: npm install node-sass@4.14.1<=== রান কমান্ড

পদক্ষেপ 5: কমান্ডটি সফলভাবে চালিত না হওয়া পর্যন্ত অপেক্ষা করুন।

পদক্ষেপ:: স্টার্ট-সার্ভার ব্যবহার করে npm start