আমি কীভাবে সঠিকভাবে কৌনিক 2 (এনপিএম) সর্বশেষ সংস্করণে আপগ্রেড করব?


124

সম্প্রতি আমি https://angular.io/docs/ts/latest/tutorial/ এ অ্যাঙ্গুলার 2 টি টিউটোরিয়াল শুরু করেছি ।

এবং কৌণিক 2 বিটা 8 দিয়ে ছেড়ে গেছে Now এখন আমি টিউটোরিয়ালটি আবার শুরু করেছি এবং সর্বশেষ বিটা হল বিটা 14।

যদি আমি কেবল এনপিএম আপডেট করি তবে কয়েকটি মডিউল (টিউটোরিয়াল দিয়ে প্রিলোডেড) আপডেট করা হয় তবে অ্যাঙ্গুলার 2 নয় (আমি দেখতে পাচ্ছি এনপিএম এলএস সহ )।

যদি আমি এনপিএম আপডেট কৌনিক 2 বা এনপিএম আপডেট কৌণিক 2@2.0.0beta.14 করি তবে এটি কিছুই করে না।


1
npm install angular2@2.0.0beta.14 --saveএটা করা উচিত, আমি মনে করি।
জো ক্লে

হ্যাঁ, এটা কাজ করেছে
কসমিনের

2
গুগল থেকে এই লোকেরা আসার জন্য, সচেতন থাকুন যে নিজেই কৌণিক আপডেট করার পরেও সমস্যা হতে পারে, যদি আপনি এটি ব্যবহার করে থাকেন তবে কৌণিক-ক্লাইটিও আপডেট করতে হবে। কীভাবে আরও তথ্যের জন্য github.com/angular/angular-cli#updating-angular-cli দেখুন ।
jmq


এনপিএম ইনস্টল করুন -জি এনপিএম-চেক-আপডেটগুলি চেক করুন এখানে freakyjolly.com/how-to-update-local-angular-cli-version
কোড স্পাই

উত্তর:


207

কমান্ডটি npm update -D && npm update -Sসমস্ত প্যাকেজগুলিকে তাদের নির্ধারিত সংস্করণ পরিসর অনুসারেpackage.json তাদের সর্বশেষ সংস্করণে আপডেট করবে । আপনি এটি সম্পর্কে এখানে আরও পড়তে পারেন ।

আপনি যদি পূর্বে কোনও সংস্করণ থেকে কৌণিক আপডেট করতে চান 2.0.0-rc.1তবে আপনাকে নিজেই সম্পাদনা করতে হবে package.json, কারণ কৌনিকটি বেশ কয়েকটি এনপিএম মডিউলে বিভক্ত হয়েছিল। এটি ছাড়াই, কৌণিক 2 প্যাকেজটি নির্দেশ করে 2.0.0-beta.21, আপনি কখনই কৌনিকটির সর্বশেষতম সংস্করণটি ব্যবহার করতে পারবেন না।
আপনার বেশিরভাগ সাধারণ মডিউলগুলির একটি তালিকা যা আপনার শুরু করতে হবে তা কুইকস্টার্ট সংগ্রহস্থলে পাওয়া যাবে ।

মন্তব্য:

  • আপনার প্যাকেজগুলির সর্বশেষতম সংস্করণে আপ টু ডেট থাকার দুর্দান্ত উপায়টি হ'ল ব্যবহার করা npm outdatedযা আপনাকে সমস্ত পুরানো প্যাকেজগুলি তাদের পছন্দসই এবং সর্বশেষ সংস্করণের সাথে দেখায়।

  • আমাদের দুটি কমান্ড শৃঙ্খলাবদ্ধ হওয়ার কারণ, npm update -Dএবং এটি ঠিক করা অবধি এই বাগটিnpm update -S পরাভূত করা ।


2
ধন্যবাদ কসমিন আমি জো ক্লে পরামর্শ অনুসরণ এবং এটি কার্যকর। আপনার তবে আরও সাধারণ সমাধান যা অবশ্যই ভাল। আমি কোনও পুরানো নির্ভরতার ক্ষেত্রে এনএমপি-ইনস্টল-মিসিং (অন্য একটি এনএমপি প্যাকেজ) ব্যবহার করার পরামর্শ দিচ্ছি ।
ড্রাগনম্নল

3
এই মডিউলটি বেশ পুরানো এবং আমার মনে হয় এটি এনপিএমের সাথে কিছু সমস্যা ছিল npm updateযা এর মধ্যে স্থির হয়ে গেছে to npm update --saveকাজ করা হয়েছে কিনা npm outdatedতা দেখার একটি দুর্দান্ত উপায় হ'ল কোনও কিছু প্রদর্শন করে না কিনা তা দেখা ।
কসমিন আবাবেই

এনপিএম ইনস্টল করুন @ কৌণিক নয়: কণ্ঠ্য 2 :-)
এলিজাবেথ

1
আমার এনপিএমের নাম @ ইঙ্গুলার। কৌণিক 2 এর আগে বিটা 17 ধরণের আগে ছিল
এলিজাবেথ

1
@ ইলিশাবেথ আমি শেষ পর্যন্ত বুঝতে পেরেছি এবং আমি আমার উত্তর আপডেট করব। ধন্যবাদ!
কসমিন আবাবেই

54

আর একটি দুর্দান্ত প্যাকেজ যা আমি স্থানান্তরিত করার জন্য ব্যবহার করলাম Angular2 2.0.0 finalসেটি Angular2 এর বিটা সংস্করণnpm-check-updates

এটি আপনার প্যাকেজ.জসনের মধ্যে উল্লিখিত সমস্ত প্যাকেজগুলির সর্বশেষতম উপলব্ধ সংস্করণ দেখায়। এর বিপরীতে npm outdatedআপনার প্যাকেজ.জসন সম্পাদনা করতেও সক্ষম, আপনাকে npm upgradeপরে কিছু করতে সক্ষম করে ।

ইনস্টল করুন

sudo npm install -g npm-check-updates

ব্যবহার

ncuপ্রদর্শনের জন্য

ncu -u আপনার প্যাকেজ.জসন পুনরায় লেখার জন্য


আমার জন্য দুর্দান্ত কাজ তবে স্ট্যাকওভারফ্লো.com/a/46148361/2055782 কী করবে?
মো শান

31

সর্বশেষ কৌণিক 5 এ আপগ্রেড করুন

কৌণিক ডেপ প্যাকেজ: npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router}@latest --save

অন্যান্য প্যাকেজগুলি যা কৌণিক ক্লিমে ইনস্টল করা আছে npm install --save core-js@latest rxjs@latest zone.js@latest

কৌণিক দেব প্যাকেজ: npm install --save-dev @angular/{compiler-cli,cli,language-service}@latest

ধরণের দেব প্যাকেজ: npm install --save-dev @types/{jasmine,jasminewd2,node}@latest

অন্যান্য প্যাকেজগুলি যা কৌণিক ক্লাই দ্বারা ডেভ ডেভ হিসাবে ইনস্টল করা হয়েছে: npm install --save-dev codelyzer@latest jasmine-core@latest jasmine-spec-reporter@latest karma@latest karma-chrome-launcher@latest karma-cli@latest karma-coverage-istanbul-reporter@latest karma-jasmine@latest karma-jasmine-html-reporter@latest protractor@latest ts-node@latest tslint@latest

কৌণিক ক্লাইমে ব্যবহৃত সর্বশেষ সমর্থিত সংস্করণ ইনস্টল করুন (@ ফলসটি করবেন না): npm install --save-dev typescript@2.4.2

কৌণিক- cli.json ফাইলটি .angular-cli.json এ নামকরণ করুন এবং সামগ্রীটি আপডেট করুন:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "project3-example"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "src/tsconfig.spec.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "e2e/tsconfig.e2e.json",
      "exclude": "**/node_modules/**"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

চমৎকার। নোট করুন যে rxjs@latestআপডেট হয়েছে 6.0.0যা শেষ কৌণিক সংস্করণ ( 5.2.1) এর সাথে সামঞ্জস্যপূর্ণ নয় ren আমাকে ম্যানুয়ালি ফিরিয়ে দিতে হয়েছিল এবং এটি ঠিক আছে।
ডেভিড ডি

13

আপডেট: সিএলআই ভি 6
থেকে শুরু করে আপনি আপনার নির্ভরতাগুলি একটি নতুন সংস্করণে স্বয়ংক্রিয়ভাবে আপডেট হওয়ার জন্য চালাতে পারেন ।ng update

সঙ্গে ng updateকখনও কখনও আপনি যোগ করতে চাইতে পারেন --forceপতাকা। আপনি যদি নিশ্চিত হন যে আপনি যেভাবে টাইপস্ক্রিপ্টটি ইনস্টল করেছেন সেটির সংস্করণটি আপনার বর্তমান কৌণিক সংস্করণ দ্বারা সমর্থিত, অন্যথায় আপনাকে টাইপ স্ক্রিপ্ট সংস্করণটি ডাউনগ্রেডের প্রয়োজন হতে পারে।

আপনার কৌনিক প্রকল্পগুলি আপডেট করে এই গাইডটিও চেকআউট করুন


কেবল ব্যাশ ব্যবহারকারীদের জন্য

আপনি যদি Mac/Linuxচালু থাকেন বা ব্যাশ চালিয়ে যাচ্ছেন Windows(যেটি ডিফল্টরূপে কাজ Windows CMDকরবে না) আপনি সেই অনেলিয়ার চালাতে পারবেন:

npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router,compiler-cli}@4.4.5 --save

yarn add @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router,compiler-cli}@4.4.5

আপনি যে সংস্করণটি চান না কেবল তা নির্দিষ্ট করুন যেমন 4.4.5 @ বা সর্বশেষতমটি পেতে @ স্লেস্ট রাখুন

package.jsonআপনি @angular/*যে অ্যাপ্লিকেশনটির উপর নির্ভর করছেন সে সমস্ত প্যাকেজ আপনি আপডেট করছেন তা নিশ্চিত করার জন্য আপনার ঠিক পরীক্ষা করুন

  • @angularআপনার প্রকল্পের চালিত সংস্করণটি দেখতে সঠিক :
    npm ls @angular/compilerবাyarn list @angular/compiler
  • @angularএনপিএম রান উপলক্ষে উপলব্ধ সর্বশেষতম স্থিতিশীল সংস্করণটি পরীক্ষা করতে :
    npm show @angular/compiler version

7

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

1. প্রথমত, আপনাকে আপনার সিস্টেম থেকে বর্তমান কৌনিকটি আনইনস্টল করতে হবে।

npm uninstall -g angular-cli
npm uninstall --save-dev angular-cli
npm uninstall -g @angular/cli

2. ক্যাশে আপ পরিষ্কার করুন

npm cache clean

সম্পাদনা

যেমনটি @Candidj দ্বারা চিহ্নিত করা হয়েছে

npm cache cleannpm cache verifyএনপিএম 5 এর পরে নামকরণ করা হবে

3. বিশ্বব্যাপী কৌণিক ইনস্টল করুন

npm install -g @angular/cli@latest

4. স্থানীয় প্রকল্প সেটআপ যদি আপনার একটি থাকে

rm -rf node_modules
npm install --save-dev @angular/cli@latest
npm install

নীচের লিঙ্কে দয়া করে একই পরীক্ষা করুন:

https://www.npmjs.com/package/@angular/cli#updating-angular-cli

এটি সমস্যার সমাধান করবে।


1
npm cache cleanএখন `এনপিএম ক্যাশে যাচাই-তে পরিবর্তন করা হয়েছেnpm 5
এজেডজে

4

এনপিএম-আপগ্রেড ব্যবহার করে বিকল্প পদ্ধতি :

  1. npm i -g npm-upgrade

আপনার প্রকল্প ফোল্ডারে যান

  1. npm-upgrade check

এটি আপনাকে জিজ্ঞাসা করবে আপনি প্যাকেজটি আপগ্রেড করতে চান কিনা, হ্যাঁ নির্বাচন করুন

এটা সহজ


3

আপনি যদি সর্বশেষ সংস্করণে সমস্ত প্যাকেজ ইনস্টল / আপগ্রেড করতে চান এবং আপনি উইন্ডো চালাচ্ছেন তবে আপনি এটি এতে ব্যবহার করতে পারেন powershell.exe:

foreach($package in @("animations","common","compiler","core","forms","http","platform-browser","platform-browser-dynamic","router")) {
    npm install @angular/$package@latest -E
}

আপনি যদি এটি ব্যবহার করেন তবে আপনি এটি cliকরতে পারেন:

foreach($package in @('animations','common','compiler','core','forms','http','platform-browser','platform-browser-dynamic','router', 'cli','compiler-cli')){
    iex "npm install @angular/$package@latest -E $(If($('cli','compiler-cli').Contains($package)){'-D'})";
}

এটি সঠিকভাবে (-E) প্যাকেজগুলি এবং devDependencies(-D) এর ক্লাইপ প্যাকেজগুলি সংরক্ষণ করবে


এটি আমার পক্ষে কাজ করে না, সর্বদা
আনমেট

পছন্দ করেছেন এগুলি
হ'ল

দুঃখের বিষয় নয়, এটি ব্যর্থ হয়েছে, এবং আমার প্যাকেজ জেসন অবশ্যই আপডেট করা হয়নি (আনম্যাট নির্ভরতা প্রতিটি কৌণিক প্যাকেজগুলির জন্য)
DS_web_developer

আনমেট নির্ভরতা কি?
পুল ক্রুইজ্ট

1
আহ, ভাল আমি অনুমান করি যে আনমেট নির্ভরতা TypeScript তখন, সর্বশেষ এনজি 5 এর জন্য উচ্চতর টিএস সংস্করণ প্রয়োজন :)
পল ক্রুইট

2

এখানেই শুরু করুন:

https://update.angular.io

আপনি যে সংস্করণটি ব্যবহার করছেন তা নির্বাচন করুন এবং এটি আপনাকে ধাপে ধাপে গাইড দেবে।

আমি সমস্ত পদক্ষেপ দেখতে 'উন্নত' চয়ন করার পরামর্শ দিচ্ছি। জটিলতা একটি আপেক্ষিক ধারণা - এবং এই বৈশিষ্ট্যটি কার বোকামি ধারণা ছিল তা আমি জানি না তবে আপনি যদি 'বেসিক' নির্বাচন করেন তবে এটি আপনাকে প্রয়োজনীয় সমস্ত পদক্ষেপগুলি প্রদর্শন করবে না এবং আপনি অন্যথায় 'বেসিক' অ্যাপ্লিকেশনটি ব্যবহার করছেন এমন কোনও গুরুত্বপূর্ণ বিষয় মিস করতে পারেন may ।

এখানে চিত্র বর্ণনা লিখুন

সংস্করণ 6 হিসাবে একটি নতুন কৌণিক সিএলআই কমান্ড রয়েছে ng updateযা বুদ্ধিমানভাবে আপনার নির্ভরতাগুলির মধ্য দিয়ে যায় এবং আপনি সঠিক জিনিসগুলি আপডেট করছেন তা নিশ্চিত করার জন্য চেকগুলি সম্পাদন করে :-)

পদক্ষেপগুলি এটি কীভাবে ব্যবহার করতে হবে তার রূপরেখা দেবে :-)


NgUpgradeসাথে বিভ্রান্ত করবেন না ng updateNgUpgrade
অ্যাঙ্গুলারজেএসকে কৌণিকর

সাম্প্রতিককালে আমার আপডেট করার অনেক সমস্যা হয়েছে, বিশেষত কৌণিক উপাদানের সাথে সম্পর্কিত ত্রুটি। আমাকে 6 টি -> 6.1 - এমনকি শেষ 3 আপডেটগুলির সামগ্রীগুলি মুছতে node_modulesএবং চালাতে npm installহয়েছিল। কেন নেই ধারণা নেই, তবে আপনি যদি সাধারণ আপডেটে অনেকগুলি বিজোড় ত্রুটি পেয়ে থাকেন তবে এটিকে একটি শট দিন।
সাইমন_উইভার 4'18

1

এনপিএম আনইনস্টল - সেভ-ডে কৌণিক-ক্লিপ

এনপিএম ইনস্টল করুন --save-dev @ কৌনিক / ক্লিপ @ সর্বশেষ

এনজি আপডেট @ কৌণিক / ক্লিপ

এনজি আপডেট @ কৌণিক / কোর - বল

এনজি আপডেট @ কৌণিক / উপাদান বা এনপিএম আমি @ কৌনিক / সিডিকে @ 6 @ কৌনিক / উপাদান @ 6 - সংরক্ষণ

এনপিএম ইনস্টল টাইপসক্রিপ্ট @ '> = 2.7.0 <2.8.0'


0

করার সর্বোত্তম উপায় হ'ল vscode এ এক্সটেনশন (pflannery.vscode-versionlens) ব্যবহার করা।

এটি সকলের সন্তুষ্টির জন্য পরীক্ষা করে এবং সেরা ফিটের জন্য চেক করে।

আমার অ্যাপ্লিকেশনটিকে মজাদার ইউনিট আপডেট করার এবং আপডেট করার ক্ষেত্রে আমার প্রচুর সমস্যা ছিল

এনপিএম i

নতুন প্রস্তাবিত নির্ভরতা ইনস্টল করতে।


0

আপনি যদি কেবলমাত্র আপনার প্রকল্পটি সর্বশেষে আপডেট করার জন্য যদি আমার মতো সন্ধান করেন তবে এগুলিই কৌণিক 6 এর পরে আমাকে গঠন করে:

আপনার প্রকল্প ফোল্ডারে কনসোলটি খুলুন: If you type: ng updateতারপরে আপনি নীচের বার্তাটি পাবেন:

        We analyzed your package.json, there are some packages to update:

          Name                               Version                  Command to update
         --------------------------------------------------------------------------------
          @angular/cli                       7.0.7 -> 7.2.2           ng update @angular/cli
          @angular/core                      7.0.4 -> 7.2.1           ng update @angular/core

There might be additional packages that are outdated.
    Run "ng update --all" to try to update all at the same time.

সুতরাং আমি সাধারণত সোজা গিয়ে করি:

ng update --all

শেষ পর্যন্ত আপনি আপনার নতুন সংস্করণ পরীক্ষা করতে পারেন:

ng version
Angular CLI: 7.2.2
Node: 8.12.0
OS: win32 x64
Angular: 7.2.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.12.2
@angular-devkit/build-angular     0.12.2
@angular-devkit/build-optimizer   0.12.2
@angular-devkit/build-webpack     0.12.2
@angular-devkit/core              7.2.2
@angular-devkit/schematics        7.2.2
@angular/cli                      7.2.2
@ngtools/webpack                  7.2.2
@schematics/angular               7.2.2
@schematics/update                0.12.2
rxjs                              6.3.3
typescript                        3.2.4
webpack                           4.28.4
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.