angular - কৌণিক সিএলআই প্রকল্প কীভাবে আপগ্রেড করবেন?




angular-cli (5)

আমি আমার কৌণিক 2 প্রকল্পটি 2.0.0 থেকে 2.4.1 2.0.0 করার চেষ্টা করছি। আমি বুঝতে পারি যে 2.xx রিলিজের পর থেকে 2.xx সংস্করণ গ্রহণ করা হয়েছে এবং 2.xx রিলিজগুলি ড্রপ-ইন প্রতিস্থাপন করা উচিত। আমার অভিজ্ঞতা অন্যথায় নির্দেশিত বলে মনে হচ্ছে। আমি কেবল জানি না আমি কী করছি তবে আমি এটিকে সোজা বলে পাইনি ...

চেষ্টা 1 - ম্যানুয়াল সংস্করণ আপগ্রেড

আমার @angular প্রথম @angular আমার @angular নির্ভরতাগুলি ম্যানুয়ালি আপডেট করা। আপনি আমার প্যাকেজ.জসন নীচে উল্লেখ করতে পারেন (আপডেট 1)। আমি এই পরিবর্তনগুলি করেছি, তারপরে একটি npm install এবং আমি ng serve করার চেষ্টা করার পরে নিম্নলিখিত ত্রুটি পেয়েছিলাম।

সংজ্ঞায়িত এর সম্পত্তি 'AssetUrl' পড়তে পারে না

এবং আমার সতর্কতা ...

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN @angular/[email protected] requires a peer of [email protected]^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of [email protected]^0.7.2 but none was installed.
npm WARN @angular/[email protected] requires a peer of [email protected]^5.0.1 but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @ngtools/[email protected] requires a peer of @angular/[email protected]^2.3.1 but none was installed.
npm WARN @ngtools/[email protected] requires a peer of @angular/[email protected]^0.5.0 but none was installed.
npm WARN @ngtools/[email protected] requires a peer of [email protected]^2.1.0-beta.25 but none was installed.

সুতরাং আমি এই সতর্কতাগুলি সংশোধন করার চেষ্টা করার খরগোশের গর্তে নেমে গেলাম তবে কীভাবে সেগুলির সমস্ত ঠিক করা যায় তা আমি জানি না (যেমন @ এনজিওলস / ওয়েবপ্যাক) এবং তাদের মধ্যে কেউ কেউ একে অপরের সাথে বিরোধপূর্ণ বলে মনে হয়। তাই আমি আমার কৌনিক 2 সংস্করণ আপডেট করার ম্যানুয়াল পদ্ধতির ত্যাগ করেছি ...

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

{
  "name": "frontend",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "start": "ng serve",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor",
    "build": "ng build",
    "buildProd": "ng build --env=prod"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/material": "^2.0.0-alpha.9-experimental-pizza",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",
    "@types/google-libphonenumber": "^7.4.8",
    "angular2-datatable": "^0.4.2",
    "apollo-client": "^0.4.22",
    "core-js": "^2.4.1",
    "google-libphonenumber": "^2.0.4",
    "graphql-tag": "^0.1.15",
    "hammerjs": "^2.0.8",
    "ng2-bootstrap": "^1.1.16",
    "rxjs": "5.0.0-beta.12",
    "ts-helpers": "^1.1.2",
    "zone.js": "^0.6.26"
  },
  "devDependencies": {
    "@types/hammerjs": "^2.0.33",
    "@types/jasmine": "^2.2.30",
    "@types/lodash": "^4.14.39",
    "angular-cli": "1.0.0-beta.16",
    "codelyzer": "~0.0.26",
    "jasmine-core": "2.4.1",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "1.2.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-remap-istanbul": "^0.2.1",
    "protractor": "4.0.9",
    "ts-node": "1.2.1",
    "tslint": "3.13.0",
    "typescript": "2.0.2",
    "typings": "1.4.0"
  }
}

Package.json এর 1 আপডেট করুন

{
  "name": "frontend",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "start": "ng serve",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor",
    "build": "ng build",
    "buildProd": "ng build --env=prod"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "2.4.1",
    "@angular/compiler": "2.4.1",
    "@angular/core": "2.4.1",
    "@angular/forms": "2.4.1",
    "@angular/http": "2.4.1",
    "@angular/material": "^2.0.0-alpha.9-experimental-pizza",
    "@angular/platform-browser": "2.4.1",
    "@angular/platform-browser-dynamic": "2.4.1",
    "@angular/router": "3.0.0",
    "@types/google-libphonenumber": "^7.4.8",
    "angular2-datatable": "^0.4.2",
    "apollo-client": "^0.4.22",
    "core-js": "^2.4.1",
    "google-libphonenumber": "^2.0.4",
    "graphql-tag": "^0.1.15",
    "hammerjs": "^2.0.8",
    "ng2-bootstrap": "^1.1.16",
    "rxjs": "5.0.1",
    "ts-helpers": "^1.1.2",
    "zone.js": "^0.7.2"
  },
  "devDependencies": {
    "@types/hammerjs": "^2.0.33",
    "@types/jasmine": "^2.2.30",
    "@types/lodash": "^4.14.39",
    "angular-cli": "1.0.0-beta.16",
    "codelyzer": "~0.0.26",
    "jasmine-core": "2.4.1",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "1.2.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-remap-istanbul": "^0.2.1",
    "protractor": "4.0.9",
    "ts-node": "1.2.1",
    "tslint": "3.13.0",
    "typescript": "2.0.2",
    "typings": "1.4.0"
  }
}

চেষ্টা 2 - এনপিএম-চেক-আপডেট ব্যবহার করুন

যেহেতু আমি যখন আপডেটের জন্য আমার কৌণিক নির্ভরতাগুলি চেরি-বাছাই করার চেষ্টা করেছি তখনই অন্যান্য নির্ভরতাগুলির একটি মাকড়সার জাল দিয়ে শেষ হয়েছিল যেটি আপডেট করার দরকার ছিল, তখন আমি কেবল সমস্ত কিছু আপডেট করার চেষ্টা করি।

এই উত্তরের ভিত্তিতে আমি নিম্নলিখিতগুলি চেষ্টা করেছি:

npm i -g npm-check-updates
npm-check-updates -u
npm install

এটি ঠিক আছে তবে যখন আমি এনজি সার্ভিস চেষ্টা করলাম তখন আমি নিম্নলিখিত ত্রুটিটি পাই:

অ্যাপমোডুলের এআরআরও কোনও এনজিএমডুল নয়

here সংগৃহীত তথ্য ব্যবহার করে, আমি আমার টাইপ স্ক্রিপ্ট সংস্করণটি ডাউনগ্রেড করেছি, ত্রুটিটি চলে গেছে, তবে একটি নতুন ত্রুটি পপ আপ হয়েছে।

ত্রুটিতে ত্রুটিটি স্ট্যাটিকভাবে প্রতীক মানগুলি সমাধান করার সম্মুখীন হয়েছে। একটি অ-রফতানি ফাংশন (মূল .ts ফাইলের মধ্যে 29:10 অবস্থান), বাকী পথগুলিতে প্রতীক বিশিষ্টপথগুলিকে সমাধান করা, অ্যাপ.মডিউল.টসে অ্যাপমোডুলকে সমাধান করে, অ্যাপ.মডিউল.টসে প্রতীক অ্যাপমোডুলকে সমাধান করা to

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

কেউ সাহায্য করতে পারেন? আমি কি ভুল পন্থা নিচ্ছি?

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

সম্পাদনা করুন: সর্বশেষ কৌণিক-ক্লিপ থাকা সম্পর্কে বিবৃতিটি ভুল ছিল। আমার angular-cli version 1.0.0-beta.16 যদিও এই সম্পাদনার সময় 1.0.0-beta.24 তবুও, আমি আমার বিদ্যমান প্রকল্পে আমার কৌণিক-ক্লিটি আপডেট করার জন্য এবং এনজি আর চালানোর চেষ্টা করেছি। আমি এখন লক্ষ্য করেছি যে আমি কৌণিক-ক্লাইথ গিথুব পৃষ্ঠায় বর্ণিত ধাপগুলি যথাযথভাবে অনুসরণ করি নি didn't আমি npm install --save-dev [email protected] এড়িয়ে npm install --save-dev [email protected] এবং আমি আমার সমস্ত নোড_মডিউলগুলি তাদের রূপরেখার আরএম কমান্ড ব্যবহার না করে উড়িয়ে দিয়েছি।


দরকারী:

অফিসিয়াল কৌণিক আপডেট গাইডটি ব্যবহার করুন আপনার প্রাসঙ্গিক আপগ্রেড গাইডের জন্য আপগ্রেড করতে চান আপনার বর্তমান সংস্করণ এবং সংস্করণটি নির্বাচন করুন। https://update.angular.io/

কৌণিক সিএলআই পরিবর্তনগুলির তুলনা করার জন্য গিটহাব সংগ্রহস্থল কৌণিক সিএলআই পৃথক দেখুন। https://github.com/cexbrayat/angular-cli-diff/

আপডেট 26/12/2018:

উপরের দরকারী বিভাগে উল্লিখিত সরকারী কৌণিক আপডেট গাইড ব্যবহার করুন Use এটি অন্যান্য সংস্থাগুলির লিঙ্কগুলির সাথে সর্বাধিক টু ডেট তথ্য সরবরাহ করে যা আপগ্রেডের সময় কার্যকর হতে পারে।

আপডেট 08/05/2018:

কৌণিক সিএলআই 1.7 প্রবর্তিত ng update

এনজি আপডেট

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

এনজি আপডেটের জন্য কনফিগারেশন সম্পর্কিত তথ্য here পাওয়া here

1.7 থেকে 6 আপডেট

সিএলআই 1.7 একটি স্বয়ংক্রিয় v6 আপডেট সমর্থন করে না। আপনার প্যাকেজ ম্যানেজারের মাধ্যমে ম্যানুয়ালি @ কৌণিক / ক্লিপ ইনস্টল করুন, তারপরে প্রক্রিয়াটি শেষ করতে মাইগ্রেশন স্কিম্যাটিক আপডেট করুন।

npm install @angular/[email protected]^6.0.0
ng update @angular/cli --migrate-only --from=1

আপডেট 30/04/2017:

1.0 আপডেট

আপনার এখন কৌনিক সিএলআই স্থানান্তর গাইড অনুসরণ করা উচিত

আপডেট হয়েছে 04/03/2017:

আরসি আপডেট

আপনার কৌনিক সিএলআই আরসি স্থানান্তর গাইড অনুসরণ করা উচিত follow

আপডেট 20/02/2017:

দয়া করে সচেতন থাকুন 1.0.0-beta.32 এর ব্রেকিং পরিবর্তন হয়েছে ng init and ng update সরিয়ে ফেলেছে

এখানে টানার অনুরোধটি নীচে জানিয়েছে:

নতুন পরিবর্তন: এনজি আর এনজি আপডেটের আদেশগুলি অপসারণ করা হচ্ছে কারণ তাদের বর্তমান বাস্তবায়ন এটি সমাধানের চেয়ে আরও বেশি সমস্যার সৃষ্টি করে। আপডেট কার্যকারিতা সিএলআইতে ফিরে আসবে, ততক্ষণ অ্যাপ্লিকেশনগুলির ম্যানুয়াল আপডেটগুলি করা প্রয়োজন need

কৌণিক-ক্লীট CHANGELOG.md নিম্নলিখিতটি জানিয়েছে:

নতুন পরিবর্তনগুলি - @ কৌণিক / ক্লিপ: এনজিআর এনজি এবং এনজি আপডেটের আদেশগুলি অপসারণ করা হচ্ছে কারণ তাদের বর্তমান বাস্তবায়ন এটি সমাধানের চেয়ে আরও বেশি সমস্যার কারণ ঘটায়। একবার আরসি প্রকাশিত হলে, আমাদের সেগুলি আর আপডেট করার জন্য ব্যবহার করার প্রয়োজন হবে না কারণ পদক্ষেপটি সিএলআইয়ের সর্বশেষতম সংস্করণ ইনস্টল করার মতো সহজ হবে।

আপডেট হয়েছে 17/02/2017:

কৌণিক-ক্লিপটি এখন এনপিএম @ অ্যাঙ্গুলার প্যাকেজে যুক্ত হয়েছে। আপনার এখন উপরের কমান্ডটি নিম্নলিখিতটি দিয়ে প্রতিস্থাপন করা উচিত -

গ্লোবাল প্যাকেজ:

npm uninstall -g angular-cli @angular/cli
npm cache clean
npm install -g @angular/[email protected]

স্থানীয় প্রকল্প প্যাকেজ:

rm -rf node_modules dist # On Windows use rmdir /s /q node_modules dist
npm install --save-dev @angular/[email protected]
npm install
ng init

মূল উত্তর

angular-cli README.md মাধ্যমে কৌণিক আপডেট করার জন্য আপনার README.md থেকে প্রাপ্ত পদক্ষেপগুলি অনুসরণ করা উচিত।

এখানে তারা:

কৌণিক-ক্লাইটি আপডেট করা হচ্ছে

কৌণিক-ক্লাইটিকে একটি নতুন সংস্করণে আপডেট করতে, আপনাকে অবশ্যই বিশ্বব্যাপী প্যাকেজ এবং আপনার প্রকল্পের স্থানীয় প্যাকেজ দুটি আপডেট করতে হবে।

গ্লোবাল প্যাকেজ:

npm uninstall -g angular-cli
npm cache clean
npm install -g [email protected]

স্থানীয় প্রকল্প প্যাকেজ:

rm -rf node_modules dist tmp # On Windows use rmdir /s /q node_modules dist tmp
npm install --save-dev [email protected]
npm install
ng init

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

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


অপসারণ :

npm uninstall -g angular-cli

পুনরায় ইনস্টল করুন (সুতার সাথে)

# npm install --global yarn
yarn global add @angular/[email protected]
ng set --global packageManager=yarn  # This will help ng-cli to use yarn

পুনরায় ইনস্টল করুন (এনপিএম সহ)

npm install --global @angular/[email protected]

আর একটি উপায় হ'ল বিশ্বব্যাপী ইনস্টল না করা এবং PATH এ /node_modules/.bin ফোল্ডার যুক্ত করা বা এনপিএম স্ক্রিপ্ট ব্যবহার করা নয়। এটি আপগ্রেড করা নরম হবে।


এখানে ডকুমেন্টেশন অনুসারে http://angularjs.blogspot.co.uk/2017/03/angular-400-now-available.html আপনার 'চালানো' ঠিক চালাতে সক্ষম হবেন ...

এনপিএম ইনস্টল করুন # কৌণিক / {সাধারণ, সংকলক, সংকলক-ক্লিপ, কোর, ফর্ম, এইচটিপি, প্ল্যাটফর্ম ব্রাউজার, প্ল্যাটফর্ম-ব্রাউজার-ডায়নামিক, প্ল্যাটফর্ম-সার্ভার, রাউটার, অ্যানিমেশনগুলি late @ সর্বশেষ টাইপস্ক্রিপ্ট @ সর্বশেষ - সেভ

আমার জোন.জেএস এবং এনজিআরএক্স / স্টোর লাইব্রেরিগুলি পুরানো সংস্করণ হওয়ার কারণে আমি এটি চেষ্টা করেছিলাম এবং বেশ কয়েকটি ত্রুটি পেয়েছি।

npm install [email protected] --save সর্বশেষতম সংস্করণগুলিতে আপডেট করা হচ্ছে npm install [email protected] --save এবং npm install [email protected] --save npm install @ngrx/[email protected] -save , তারপরে আবার কৌণিক ইনস্টল চালানো আমার পক্ষে কাজ করেছে।


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

সমাধানের বিশদ

সঠিকভাবে কৌণিক-ক্লাইটি আপডেট করতে আমি জেজেবির উত্তরে গৃহীত পদক্ষেপগুলি অনুসরণ করেছি। তবে npm install চালানোর পরে কৌণিক-ক্লিভটি ভেঙে দেওয়া হয়েছিল। এমনকি ng version করার চেষ্টা করেও ত্রুটি ঘটবে। সুতরাং আমি ng init কমান্ডটি করতে পারিনি। নীচে ত্রুটি দেখুন:

$ ng init
core_1.Version is not a constructor
TypeError: core_1.Version is not a constructor
    at Object.<anonymous> (C:\_git\my-project\code\src\main\frontend\node_modules\@angular\compiler-cli\src\version.js:18:19)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    ...

যে কোনও কৌণিক-ক্লাইম কমান্ড ব্যবহার করতে সক্ষম হতে, আমাকে আমার প্যাকেজ.জেসন ফাইলটি হাতে আপডেট করতে হবে এবং @angular নির্ভরতাগুলি ২.৪.১ এ বাম্প করতে হবে, তারপরে অন্য একটি npm install

এর পরে আমি ng init করতে সক্ষম হয়েছি। আমি আমার কনফিগারেশন ফাইলগুলি আপডেট করেছি, তবে আমার অ্যাপ / * ফাইলগুলির কোনওটিই নয়। যখন এটি করা হয়েছিল তখনও আমি ত্রুটি পেয়ে যাচ্ছিলাম। প্রথমটির নীচে বিশদ বিবরণ দেওয়া হয়েছে, দ্বিতীয়টি একই ধরণের ত্রুটি ছিল তবে একটি ভিন্ন ফাইলে।

ত্রুটিতে ত্রুটিটি স্ট্যাটিকভাবে প্রতীক মানগুলি সমাধান করার সম্মুখীন হয়েছে। ফাংশন কলগুলি সমর্থিত নয়। রফতানি করা ফাংশন (মূল .ts ফাইলের মধ্যে অবস্থান 62: 9), সি: / _ গিট / আমার-প্রকল্প / কোড / এসসিআর / মেইন / ফ্রন্টএন্ড / এসসিআর / অ্যাপ্লিকেশনটির মডেলটি সমাধান করে একটি রফতান করা ফাংশন (62২: ৯ পজিশন) এর রেফারেন্স সহ ফাংশন বা ল্যাম্বদা প্রতিস্থাপন বিবেচনা করুন Consider /app.module.ts

এই ত্রুটিটি আমার অ্যাপমডুলিতে নিম্নলিখিত কারখানার সরবরাহকারীর সাথে আবদ্ধ

{ provide: Http, useFactory: 
    (backend: XHRBackend, options: RequestOptions, router: Router, navigationService: NavigationService, errorService: ErrorService) => {
    return new HttpRerouteProvider(backend, options, router, navigationService, errorService);  
  }, deps: [XHRBackend, RequestOptions, Router, NavigationService, ErrorService]
}

এই ত্রুটিটি সমাধান করার জন্য, আমি একটি রফতানি ফাংশন ব্যবহার করেছি এবং সরবরাহকারীকে নিম্নলিখিত পরিবর্তন করেছি।

    { 
      provide: Http, 
      useFactory: httpFactory, 
      deps: [XHRBackend, RequestOptions, Router, NavigationService, ErrorService]
    }

... // elsewhere in AppModule

export function httpFactory(backend: XHRBackend, 
                            options: RequestOptions, 
                            router: Router, 
                            navigationService: NavigationService, 
                            errorService: ErrorService) {
  return new HttpRerouteProvider(backend, options, router, navigationService, errorService);
}

সারাংশ

আমি যে বিষয়টি সবচেয়ে গুরুত্বপূর্ণ বিশদ হিসাবে বুঝি তার সংক্ষিপ্তসার জন্য, নিম্নলিখিত পরিবর্তনগুলির প্রয়োজন ছিল:

  1. জেজেবির উত্তরে (এবং তাদের গিথুব পৃষ্ঠায়) বিস্তারিত পদক্ষেপগুলি ব্যবহার করে কৌণিক-ক্লিপ সংস্করণ আপডেট করুন।

  2. @ কৌতুক সংস্করণটি হাতে নাগাদ আপডেট করা হচ্ছে, ২.০.০ কৌণিক-ক্লিপ সংস্করণ 1.0.0-beta.24 দ্বারা সমর্থিত বলে মনে হচ্ছে না

  3. কৌণিক-ক্লাই এবং এনজিআর কমান্ডের সহায়তায় আমি আমার কনফিগারেশন ফাইলগুলি আপডেট করেছি। আমি মনে করি সমালোচনামূলক পরিবর্তনগুলি ছিল কৌণিক-ক্লিপ.জসন এবং প্যাকেজ.জসনকে। নীচে কনফিগারেশন ফাইলের পরিবর্তনগুলি দেখুন।

  4. সমাধানের বিশদ হিসাবে ক্যাপচার হিসাবে আমি তাদের রেফারেন্সের আগে রফতানিতে কোড পরিবর্তন করুন।

কী কনফিগারেশন পরিবর্তন

কৌণিক-ক্লিপ.জসন পরিবর্তন হয়

{
  "project": {
    "version": "1.0.0-beta.16",
    "name": "frontend"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": "assets",
...

পরিবর্তন...

{
  "project": {
    "version": "1.0.0-beta.24",
    "name": "frontend"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
...

আমার প্যাকেজ.জসন হ'ল ম্যানুয়াল মার্জ হওয়ার পরে এটি দেখতে এনজিআর দ্বারা ব্যবহৃত সংস্করণগুলি বিবেচনা করে। নোট করুন আমার কৌণিক সংস্করণটি ২.৪.১ নয়, তবে আমি পরে যে পরিবর্তনটি করেছি তা ছিল অংশের উত্তরাধিকার যা ২.৩-এ প্রবর্তিত হয়েছিল, তাই আমি এই সংস্করণগুলির সাথে ভাল ছিলাম। মূল প্যাকেজ.জসন প্রশ্নে রয়েছে।

{
  "name": "frontend",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update --standalone false --gecko false",
    "e2e": "protractor",
    "build": "ng build",
    "buildProd": "ng build --env=prod"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "^2.3.1",
    "@angular/compiler": "^2.3.1",
    "@angular/core": "^2.3.1",
    "@angular/forms": "^2.3.1",
    "@angular/http": "^2.3.1",
    "@angular/platform-browser": "^2.3.1",
    "@angular/platform-browser-dynamic": "^2.3.1",
    "@angular/router": "^3.3.1",
    "@angular/material": "^2.0.0-beta.1",
    "@types/google-libphonenumber": "^7.4.8",
    "angular2-datatable": "^0.4.2",
    "apollo-client": "^0.4.22",
    "core-js": "^2.4.1",
    "rxjs": "^5.0.1",
    "ts-helpers": "^1.1.1",
    "zone.js": "^0.7.2",
    "google-libphonenumber": "^2.0.4",
    "graphql-tag": "^0.1.15",
    "hammerjs": "^2.0.8",
    "ng2-bootstrap": "^1.1.16"
  },
  "devDependencies": {
    "@types/hammerjs": "^2.0.33",
    "@angular/compiler-cli": "^2.3.1",
    "@types/jasmine": "2.5.38",
    "@types/lodash": "^4.14.39",
    "@types/node": "^6.0.42",
    "angular-cli": "1.0.0-beta.24",
    "codelyzer": "~2.0.0-beta.1",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "1.2.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-remap-istanbul": "^0.2.1",
    "protractor": "~4.0.13",
    "ts-node": "1.2.1",
    "tslint": "^4.0.2",
    "typescript": "~2.0.3",
    "typings": "1.4.0"
  }
}

সমাধান আমার পক্ষে কাজ করেছে:

  • নোড_মডিউল এবং ডিস্ট ফোল্ডার মুছুন
  • (সেমিডিতে) >> এনজি আপডেট - সমস্ত - বল
  • (সেন্টিমিটারে) >> এনপিএম ইনস্টল করুন টাইপস্ক্রিপ্ট ""> = 3.4.0 এবং <3.5.0 "- সেভ-দেব - সেভ-নির্ভুল
  • (সেমিডিতে) >> এনপিএম ইনস্টল করুন - সেভ কোর-জেএস
  • আমদানির মন্তব্য 'কোর-জে / এস 7 / প্রতিবিম্বিত'; পলিফিল.টিসে
  • (সেন্টিমিটারে) >> এনজি পরিবেশন করুন




angular-cli