ব্রাউজারলিস্ট: ক্যানিজ-লাইট পুরানো। দয়া করে পরবর্তী কমান্ডটি চালান `n pm আপডেট ক্যানিজ-লাইট ব্রাউজারগুলি``

Question 1

সম্প্রতি, আমি যখন আমার এসএসএস ফাইলগুলি সংকলন করি তখন আমি একটি ত্রুটি পাই। ত্রুটি বার্তাটি বলে:

ব্রাউজারলিস্ট: ক্যানিজ-লাইট পুরানো। দয়া করে পরবর্তী কমান্ড চালান runnpm update caniuse-lite browserslist

প্রথমত, বার্তাটি যেমন বলেছে, আমি দৌড়েছি npm update caniuse-lite browserslistতবে এটি সমস্যার সমাধান করেনি। আমি পুরো নোড-মডিউল ডিরেক্টরি মুছলাম এবং আবার ইনস্টল করেছি, এছাড়াও আমি পুরো ফোল্ডারটি আপডেট করেছি npm updateতবে তাদের কোনওটিই সমস্যার সমাধান করেনি। আমি অটোপ্রিফিক্সার এবং ব্রাউজারলিস্টগুলি পুনরায় ইনস্টল করেছিলাম কিন্তু তাদের কেউই সমস্যার সমাধান করেনি।

যদি আমি সরাতে

"options": {
      "autoPrefix": "> 1%"
    }

আমার কাছ থেকে compilerconfig.json, সবকিছু ঠিকঠাক কাজ করে যার অর্থ সম্ভবত এটি অটোপ্রিফিক্সারের সাথে সম্পর্কিত। এছাড়াও, আমি ম্যানুয়ালি প্যাকেজ সংস্করণটি সর্বশেষতম সংস্করণে পরিবর্তন করেছি package.jsonএবং পুনরায় ইনস্টল করেছি তবে ভাগ্য নেই।

Question 2

দেখে মনে হচ্ছে আপনি ভিজ্যুয়াল স্টুডিওর ওয়েব সংকলক এক্সটেনশন ব্যবহার করছেন। এখানে এটির জন্য একটি উন্মুক্ত সমস্যা রয়েছে: https://github.com/madskristensen/WebCompiler/issues/413

এই ইস্যুতে একটি কার্যত পোস্ট আছে:

ভিজ্যুয়াল স্টুডিও বন্ধ করুন
হেড টু C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X(এক্স ওয়েবকম্পিলারের সংস্করণ)
ফোল্ডার থেকে নিম্নলিখিত ফোল্ডারগুলি মুছুন node_modules: caniuse-liteএবং browserslist সিএমডি খুলুন (ভিতরে C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X) এবং চালান:npm i caniuse-lite browserslist

Question 3

এটি চেষ্টা করুন এটি আমার সমস্যার সমাধান করে npx browserslist@latest --update-db

Question 4

কৌণিক বিকাশকারীদের জন্য

যদিও, আমি খুব দেরিতে উত্তর দিচ্ছি। আমার ব্যবহৃত প্রতিটি লাইব্রেরির চেঞ্জলগগুলি পরীক্ষা করার আমার খারাপ অভ্যাস রয়েছে Ang এবং অ্যাংুলার সিএলআইয়ের প্রকাশিত নোটগুলি পরীক্ষা করার সময় আমি বুঝতে পারি যে তারা গতকাল (9 জানুয়ারী 2020) একটি নতুন প্যাচ প্রকাশ করেছে যা এই সমস্যাটি সমাধান করে।

https://github.com/angular/angular-cli/releases/tag/v8.3.22

সুতরাং আপনি যখন দৌড়াবেন ng update, আপনার জন্য আপডেটগুলি পাওয়া উচিত @angular/cli:

এবং দৌড়ানো ng update @angular/cliএই সতর্কতা ঠিক করবে।

চিয়ার্স!

Question 5

আমি যাবার পরিবর্তে একটি শর্ট কাট পেয়েছি vs code appData/webCompiler, আমি এটিকে আমার সেন্টিমিটারের সাথে আমার প্রকল্পের নির্ভরতা হিসাবে যুক্ত করেছি npm i caniuse-lite browserslist। তবে প্রতিটি প্রকল্পে এটি এড়াতে আপনি বিশ্বব্যাপী এটি ইনস্টল করতে পারেন।

ইনস্টলেশনের পরে, আপনি এটি আপনার প্রকল্প থেকে সরিয়ে ফেলতে package.jsonপারেনnpm i ।

হালনাগাদ:

ক্ষেত্রে, উপরের সমাধান এটি ঠিক করে নি। আপনি চালাতে পারেন npm update, কারণ এটি অবহিত / পুরানো প্যাকেজগুলিকে আপগ্রেড করবে।

বিঃদ্রঃ:

আপনি এনপিএম আপডেটটি চালানোর পরে, নির্ভরতা অনুপস্থিত থাকতে পারে। ত্রুটিটি চিহ্নিত করুন এবং নিখোঁজ নির্ভরতাগুলি ইনস্টল করুন। আমার ছিল নোডমন, যা আমি ঠিক করেছিnpm i nodemon -g

Question 6

উপরে উত্তর অবিরত ।

@ মেহেরদাবাদবাখির মতো একই "প্লাগইন ত্রুটি" ছিল। আমি ওয়েব সংকলক আনইনস্টল করেছি, উপরে উল্লিখিত অ্যাপডাটা ওয়েবকম্পেলার ফোল্ডারটি মুছে ফেলেছি, তারপরে ভিএস2019 পুনরায় খোলে এবং ওয়েব সংকলক পুনরায় ইনস্টল করেছি।

তারপরে আমি আবার ওয়েবকম্পাইলার ফোল্ডারে গিয়েছিলাম npm i autoprefixer@latest npm i caniuse-lite@latestএবং করেছিnpm i caniuse-lite browserslist@latest

Question 7

npm --depth 9999 updateআমার জন্য সমস্যাটি স্থির করে - দৃশ্যত package-lock.jsonএটি পুরানো সংস্করণগুলিতে জোর দিয়েছিল।

Question 8

আমার ক্ষেত্রে, আমি বাইরে মোছা caniuse-lite, browserslistথেকে ফোল্ডার node_modules।

তারপরে আমি প্যাকেজগুলি ইনস্টল করতে নিম্নলিখিত কমান্ডটি টাইপ করি

npm i -g browserslist caniuse-lite --save

ভাল কাজ করেছে।

Question 9

মুছে ফেলা হচ্ছে node_modulesএবং package-lock.jsonএবং npm iআমার জন্য সমস্যা সমাধানের।

Question 10

স্কট কুহলের উত্তরে উল্লিখিত হিসাবে এই সমস্যাটি https://github.com/madskristensen/WebCompiler/issues/413 এ উল্লিখিত হয়েছে

আমার জন্য, কমান্ডটি চালানো npm i caniuse-lite- browserslistকেবল প্রায় 1/2 দিনের জন্য কাজ করেছিল এটি আবার সমস্যা হওয়ার আগে।

পোস্টে উল্লিখিত নিম্নলিখিত সমাধানটি আরও ভালভাবে কাজ করে। এটি নোড.জেএস ফাইল আপডেট করে যাতে এই ত্রুটিগুলি ফিরিয়ে দেওয়ার console.logপরিবর্তে এটি ব্যবহার করে console.warn।

আপনি সি: located ব্যবহারকারী \ [ব্যবহারকারীর নাম] \ অ্যাপডাটা \ স্থানীয় \ টেম্প \ ওয়েবকম্পাইলার [সংস্করণনম্বার] ode নোড_মডিউলগুলি \ ব্রাউজারলিস্টে এই ফাইলটি ম্যানুয়ালি আপডেট করতে পারেন

বা, যাতে এটি স্বয়ংক্রিয়ভাবে হয়ে যায়, আপনার .csproj ফাইলে নিম্নলিখিতটি যুক্ত করুন:

প্রকল্পের ফাইলটিতে ডান ক্লিক করুন এবং "আনলোড প্রকল্প" নির্বাচন করুন
.Csproj ফাইলটি সম্পাদনা করুন
প্রকল্প ফাইলটিতে নিম্নলিখিতটি আটকান। আমি এটিকে </Project>শেষের ট্যাগের আগে এবং বিল্ড ওয়েব সংকলক প্যাকেজটি আমদানি করার আগে ফাইলটির শেষের দিকে পেস্ট করেছি ।

    <ItemGroup>
        <PackageReference Include="MSBuildTasks" Version="1.5.0.235">
            <PrivateAssets>all</PrivateAssets>
            <IncludeAssets>runtime; build; native; contentfiles; analyzers</IncludeAssets>
        </PackageReference>
    </ItemGroup>
    <PropertyGroup>
        <TempFolder>$([System.IO.Path]::GetTempPath())</TempFolder>
    </PropertyGroup>
    <ItemGroup>
        <BrowsersListNodeJsFiles Include="$(TempFolder)\WebCompiler*\node_modules\browserslist\node.js" />
    </ItemGroup>
    <Target Name="BrowsersListWarningsAsInfo" BeforeTargets="WebCompile">
        <FileUpdate Files="@(BrowsersListNodeJsFiles)"
                    Regex="console.warn"
                    ReplacementText="console.log" />
    </Target>

প্রকল্পটি পুনরায় লোড করুন সমাধানে।

Question 11

পদক্ষেপে এই সমস্যাটি সমাধান করেছি:

অপসারণ node_modules
অপসারণ package-lock.json,
চালান npm --depth 9999 update
চালান npm install

Question 12

আমারও একই সমস্যা ছিল এই কমান্ডটি আমার পক্ষে কাজ করে

npm i autoprefixer@latest

এটি স্বয়ংক্রিয়ভাবে নিচে নির্ভরশীলতার প্রয়োজন package.jsonএবং package-lock.jsonফাইল যুক্ত হয়েছে:

package.json

"autoprefixer": "^9.6.5",

প্যাকেজ-লক.জসন

"@angular-devkit/build-angular": {

...

"dependencies": {
    "autoprefixer": {
      "version": "9.4.6",
      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.4.6.tgz",
      "integrity": "sha512-Yp51mevbOEdxDUy5WjiKtpQaecqYq9OqZSL04rSoCiry7Tc5I9FEyo3bfxiTJc1DfHeKwSFCUYbBAiOQ2VGfiw==",
      "dev": true,
      "requires": {
        "browserslist": "^4.4.1",
        "caniuse-lite": "^1.0.30000929",
        "normalize-range": "^0.1.2",
        "num2fraction": "^1.2.2",
        "postcss": "^7.0.13",
        "postcss-value-parser": "^3.3.1"
      }
    },

...

  }

...

"autoprefixer": {
    "version": "9.6.5",
    "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.6.5.tgz",
    "integrity": "sha512-rGd50YV8LgwFQ2WQp4XzOTG69u1qQsXn0amww7tjqV5jJuNazgFKYEVItEBngyyvVITKOg20zr2V+9VsrXJQ2g==",
    "requires": {
      "browserslist": "^4.7.0",
      "caniuse-lite": "^1.0.30000999",
      "chalk": "^2.4.2",
      "normalize-range": "^0.1.2",
      "num2fraction": "^1.2.2",
      "postcss": "^7.0.18",
      "postcss-value-parser": "^4.0.2"
    },

...

}

Question 13

আমার সমস্যাটি কোথায় ছিল তা আমি ঠিক নিশ্চিত নই, তবে আমি বিশ্বাস করি এটি ছিল কারণ আমি এনএমপি এবং সুতা উভয় থেকেই একই বৈশ্বিক প্যাকেজ ব্যবহার করছিলাম।

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

বিশ্বব্যাপী প্যাকেজ ইনস্টল করা দেখতে ...

এনপিএমের জন্য:

npm ls -g --depth=0

সুতার জন্য:

yarn global list

এরপরে এনপিএম তালিকার প্রতিটি প্যাকেজটি আমি আনইনস্টল করেছিলাম, এটি ব্যবহার করে:

npm uninstall -g <package-name>

Question 14

@ আলেকজান্ডার নীল থেকে উত্তর নিরাপদ, এবং আমার জন্য কার্যকর ছিল

আমি পুরো উত্তর হিসাবে লিখছি কারণ তার মন্তব্যটি মিস করা সহজ।

npm --depth 20 update caniuse-lite browserslist

এটি ভাল কারণ:

এর কোনও মুছে ফেলা হচ্ছে না package-lock.json। মোছা যা আপনাকে অনেকগুলি প্যাকেজগুলির জন্য ব্রেকিং পরিবর্তনের সাথে আপগ্রেড করার জন্য ঝুঁকিপূর্ণ রাখে।
এটি সুস্পষ্ট এবং খুব সীমাবদ্ধ যার উপরে জিনিস আপডেট করা উচিত।
এটি 99 বা 9999 এর বৃহত গভীরতা এড়িয়ে চলে যা কিছু প্রকল্প এবং সিস্টেমে কাজ করবে তবে অন্যের জন্য নয়। যদি আপনি গভীরতা খুব অল্প সংখ্যকটিতে সীমাবদ্ধ করে থাকেন তবে এটি কোনও কিছুই ভাঙ্গবে না। আপনি প্রকল্পটি সফলভাবে সংকলন না করা পর্যন্ত আপনি গভীরতা বাড়িয়ে আবার চেষ্টা করতে পারেন।

Question 15

অনেকে আপনাকে package-lock.jsonবা এটি অপসারণ করার পরামর্শ দেয় yarn.lock। এটি পরিষ্কার একটি খারাপ ধারণা!

আমি সুতা ব্যবহার করছি এবং আমি আমার এবং শুধুমাত্র এন্ট্রিগুলি মুছে ফেলে caniuse-dbএবং একটি করে এই সমস্যাটি সমাধান করতে সক্ষম হয়েছি ।caniuse-liteyarn.lockyarn

এটি মুছে ফেলার মাধ্যমে লকফিলের মূল কাজটি ভাঙ্গার প্রয়োজন হয় না।

Question 16

আমি নোড সংস্করণটি 12 থেকে 10 এ ডাউনগ্রেড করেছি

সম্পাদনা

আমার সাথে এই ত্রুটিটি ঘটেছে কারণ আমি নোড সংস্করণ 12 ব্যবহার করছিলাম যখন আমি 10.16.5 সংস্করণে ডাউনগ্রেড করি তখন এই ত্রুটি বন্ধ হয়ে যায়। এই ত্রুটিটি আমার স্থানীয় এনভির মধ্যে ঘটেছিল, তবে উত্সাহ এবং মঞ্চে এটি ঘটে না। প্রোড এবং স্টেজিং নোড সংস্করণটি 10.x হয় তাই আমি কেবল এটি করি এবং আমার প্যাকেজ.জসনে কোনও প্যাকেজ আপডেট করার দরকার নেই didn't

Question 17

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

'এনএমপি-জি আপডেট'

Question 18

আপনি যদি সুতা ব্যবহার করেন:

yarn upgrade

আমার জন্য সাহায্য করুন

Question 19

সর্বনিম্ন সমাধান যা আমার জন্য বর্তমান প্রকল্পের জন্য কাজ করেছে

একটি তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন প্রকল্প
উবুন্টু / * নিক্স
2020
নোড 14.7

node_modules/browserslistপ্রকল্পের ডিরেক্টরি মুছুন

এখন

npm run build

আর এই বার্তা উত্পন্ন করে না

Question 20

ম্যাকের উপরে, আমি নোড_মডিউলগুলি এবং প্যাকেজ-লক.জসন মুছে ফেলেছি, তারপর এনপিএম ইনস্টল চালিয়েছি এবং এটি আমার সমস্যাটি স্থির করেছে।

Question 21

আমার ক্ষেত্রে এটি ভাল কাজ করে ...

sudo npm i -g browserslist caniuse-lite