ข้อผิดพลาด: เส้นทางข้อมูล“ .builders ['app-shell']” ควรมีคุณสมบัติ 'class' ที่ต้องการ

ฉันได้รับข้อผิดพลาดนี้ขณะเรียกใช้แอปพลิเคชันของฉัน นี่คือรายละเอียดของใบสมัครของฉัน

Angular CLI: 7.3.3 
Node: 10.15.1 
Angular: 7.2.7 
@angular-devkit/architect -0.13.3 
@angular-devkit/build-angular- 0.800.1 
@angular-devkit/build-optimizer - 0.800.1 
@angular-devkit/build-webpack - 0.800.1 
@angular-devkit/core -7.3.3 
@angular-devkit/schematics -7.3.3 
@angular/cli -7.3.3 
@ngtools/webpack -8.0.1 
@schematics/angular -7.3.3 
@schematics/update 0.13.3 
rxjs 6.3.3 
typescript 3.2.4 
webpack 4.30.0

ฉันได้ลองแคชสะอาดแล้ว

ใน package.json ของคุณเปลี่ยนเครื่องมือสร้าง devkit

"@angular-devkit/build-angular": "^0.800.1",

ถึง

"@angular-devkit/build-angular": "^0.10.0",

มันใช้งานได้สำหรับฉัน
โชคดี.

ทำงานต่อไปนี้สำหรับฉัน

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0

ทุกคนที่นี่กำลังมุ่งเน้นไปที่การลดระดับ @ angular-devkit / build-angular เป็น @angular 7.x เพื่อความเข้ากันได้ แต่สิ่งที่พวกเขาควรทำคืออัพเกรด@angular/cliเป็นเชิงมุม 8 เวอร์ชัน

ปัญหาคือว่าระบบ cli ยังคงติดอยู่ที่รุ่นเก่าและไม่ได้รับการปรับปรุงโดยอัตโนมัติโดยng update(เพราะมันอยู่นอกโครงการควบคุมเชิงมุม) ดังนั้นมันจะถูกปล่อยให้อยู่ในรุ่นที่เข้ากันไม่ได้เมื่อพยายามเข้าถึงห้องสมุดเชิงมุม

การลดระดับ@angular-devkit/build-angularทำให้ความไม่เข้ากันมากขึ้น

npm i --global @angular/cli@latest

จะแก้ไขปัญหาโดยไม่ทำลายสิ่งอื่น

ทุกคนมุ่งเน้นที่การลด@angular-devkit/build-angularรุ่นเป็น X หรืออัปเกรด@angular/cliเป็น Y หรือล่าสุด

อย่างไรก็ตามโปรดอย่าสุ่มสี่สุ่มห้าแนะนำX or Y or latestเป็นคำตอบ (แม้ว่าโดยทั่วไปแล้วการลดระดับ devkit ควรจะดีกว่าเพราะการอัพเกรด CLI เป็นการเปลี่ยนแปลงที่ไม่หยุดหย่อน)

รุ่นที่ถูกต้องในการเลือกขึ้นอยู่กับรุ่นของ Angular (angular-cli) ของคุณ

Angular CLI v8.3.19 -> 0.803.19
Angular CLI v8.3.17 -> 0.803.17
Angular CLI v7.3.8 -> 0.13.8
Angular CLI v6-lts -> 0.8.9

สำหรับรุ่นที่เฉพาะเจาะจงอื่น ๆ เข้าชม: https://github.com/angular/angular-cli/tags ค้นหาเวอร์ชัน CLI ของคุณและในแท็กบางแท็กจะกล่าวถึงเวอร์ชันที่เกี่ยวข้องสำหรับ@angular-devkit/**แพ็คเกจ

หมายเหตุ: หากคุณต้องการอัพเกรดรุ่น CLI ของคุณคุณควรพิจารณาอัปเกรดเป็นเวอร์ชันหลักของคุณเป็นอันดับแรกอย่าข้ามไปเป็นเวอร์ชันหลักถัดไป

@ angular-devkit ของคุณเข้ากันไม่ได้กับรุ่น @ angular / cli ดังนั้นเพียงติดตั้งรุ่นที่เก่ากว่าเช่นนี้:

npm install @angular-devkit/build-angular@0.13.8 @angular-devkit/build-ng-packagr@0.13.8

ปัญหาเดียวกันหลังจากพยายามอัพเกรดเป็น Ng8 ซึ่งล้มเหลวเนื่องจากปัญหาการพึ่งพา

npm uninstall @angular-devkit/build-angular

จากนั้นฉันก็ใช้

npm install @angular-devkit/build-angular@0.12.4

ซ่อมมัน...

ฉันมีปัญหาเดียวกัน แต่ฉันแก้ไขได้ด้วยความเห็นของ Ekta Gandhi:

ในที่สุดฉันก็พบทางออก

1) กำจัดการเปลี่ยนแปลงทั้งหมดในไฟล์ package.json โดยให้คำสั่ง git checkout package.json อย่างง่าย

2) หลังจากทำการเปลี่ยนแปลง package.json ใน @ angular-devkit / build-angular- ~ 0.800.1 (เพิ่มหางแทนหมวก)

3) จากนั้นเรียกใช้คำสั่ง rm -rf node_modules /

4) จากนั้น clean catch โดยให้คำสั่ง npm clean cache -f

5) และที่รันคำสั่ง npm ล่าสุดติดตั้ง มันใช้งานได้สำหรับฉัน

.... พร้อมกับการดัดแปลงที่เสนอโดย Dimuthu

ทำให้เป็น @ angular-devkit / build-angular ":" 0.13.4 "และใช้งานได้

สิ่งนี้เกิดขึ้นกับฉันเมื่อฉันติดตั้ง Angular 8 มีความเข้ากันไม่ได้บางอย่างที่ฉันแก้ไม่ได้ ฉันต้องปรับลดรุ่นเพราะฉันลงหลุมกระต่ายเล่นกลรอบกับทุกรุ่นจนกว่าฉันจะพบหนึ่งที่ทำงาน

เริ่มแรก TypeScript ล้าสมัยการติดตั้งเริ่มต้นเพิ่มการอ้างอิงถึง TypeScript 3.1.6 และต้องการ 3.4 หรือสูงกว่า

npm install typescript@">=3.4 <3.5"

ประการที่สองการใช้ devkit 0.800.1 หรือ 0.800.1 สิ้นสุดลงเสมอในความไม่ลงรอยกัน ฉันลองชุดค่าผสมหลายตัว แต่ฉันไม่แน่ใจว่ามันเข้ากันได้อย่างสมบูรณ์โดยเฉพาะอย่างยิ่งเพราะฉันใช้ bootstrap ที่เก่ากว่าและฉันยังไม่สามารถอัพเกรดได้

ในที่สุดฉันก็พยายามปรับลดรุ่น (ไปที่ package.json และค้นหา devDependencies) จนกว่าพวกเขาจะทำงานอย่างใดอย่างหนึ่ง

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

ฉันแน่ใจว่าปัญหาของคุณเป็นรุ่นอ้างอิง แต่ฉันไม่สามารถบอกได้ว่าเป็นรุ่นใด ลองปรับลดรุ่น

ลองอัปเดตไฟล์ package.json จาก

  "@angular-devkit/build-angular": "^0.800.1" 

ถึง

  "@angular-devkit/build-angular": "^0.12.4"

จากนั้นเรียกใช้การติดตั้ง npm ในบรรทัดคำสั่ง

ฉันยังเจอปัญหานี้และสำหรับฉันเมื่อทำการปรับปรุงเพิ่มเติมปัญหาที่เกิดขึ้นมากขึ้น

สิ่งที่ได้ผลสำหรับฉันในที่สุดคือลบหรือลบ cli เชิงมุมและติดตั้งใหม่ด้วยขั้นตอนเหล่านี้:

npm uninstall -g @angular/cli
npm cache clean --force
npm install -g @angular/cli

สิ่งนี้ช่วยฉันให้ทราบซอร์ส: วิธีถอนการติดตั้ง angular / cli

ฉันทำการเปลี่ยนแปลงนี้ในไฟล์ package.json จากนั้นก็ใช้ได้

"@angular-devkit/build-angular": "^0.803.23"

ถึง

"@angular-devkit/build-angular": "^0.13.9"

ฉันเปลี่ยน@angular-devkit/build-angular": "0.9.0.1"เป็น@angular-devkit/build-angular": "0.13.4"และมันใช้งานได้

ฉันยังประสบปัญหานี้และใช้เวลาหลายชั่วโมงเพื่อแก้ไขปัญหาฉันลองใช้ตัวเลือกทั้งหมดข้างต้น แต่ไม่มีอะไรแก้ปัญหาได้ ปัญหานี้เกิดขึ้นเนื่องจากรุ่นไม่ตรงกันของ angular / cli และ angular-devkit ดังนั้นฉันจึงทำสิ่งต่อไปนี้:

1. เวอร์ชันไฟล์ที่เปลี่ยนแปลงด้วยตนเอง:

   @ angular-devkit / build-angular ":" ^ 0.13.9 ",

   @angular/cli": "~7.0.3", // นี่สำหรับ Angular7, สำหรับ Angular8: 0.803.23

2. ลบ package-lock.json

3. ดำเนินการ: ติดตั้ง npm

มันแก้ไขปัญหาของฉัน

ในด้านของฉันมันเป็นแพคเกจ

@ เชิงมุม-devkit / สร้างเชิงมุม

และ

@ เชิงมุม-devkit / สร้าง NG-packagr

ไม่ใช่รุ่นเดียวกันอัปเดตbuild-ng-packagrเป็นรุ่นเดียวกันกับbuild-angularแก้ไขปัญหาของฉัน

หากคุณย้ายไปที่เชิงมุม 8 หรือ 9 สิ่งนี้จะเป็นการหลอกลวง

ng update @angular/cli

คุณสามารถตรวจสอบรหัสของคุณแล้ว

#sudo su 
rm -rf package-lock.json node_modules
sudo npm i --save 

คุณมีการพึ่งพากันไม่ได้ฉันแก้ไขปัญหานี้โดยการเปลี่ยน package.json เป็นอีกมุมหนึ่งของโปรเจ็กต์และหลังจากเปลี่ยนเป็น packag.json นี้คุณจะเปลี่ยนเฉพาะเวอร์ชันที่คุณมี

หลังจากการเปลี่ยนแปลงเขียน:

ลิงก์ -npm

-npm ให้บริการ -o

ถ้างั้นมันก็ใช้ได้แล้ว :)

   {
   "name": "angular-jwt-auth",
   "version": "0.0.0",
   "scripts": {
   "ng": "ng",
   "start": "ng serve",
   "build": "ng build",
   "test": "ng test",
   "lint": "ng lint",
   "e2e": "ng e2e"
   },
   "private": true,
   "dependencies": {
   "@angular/animations": "^7.1.4",
   "@angular/cdk": "^7.3.1",
   "@angular/common": "~7.1.0",
   "@angular/compiler": "~7.1.0",
   "@angular/core": "~7.1.0",
   "@angular/forms": "~7.1.0",
   "@angular/http": "^6.1.10",
   "@angular/material": "^7.3.1",
   "@angular/platform-browser": "~7.1.0",
   "@angular/platform-browser-dynamic": "~7.1.0",
   "@angular/router": "~7.1.0",
   "@ng-bootstrap/ng-bootstrap": "^4.2.0",
   "@types/jquery": "^3.3.29",
   "angular-6-datatable": "^0.8.0",
   "bootstrap": "^4.3.1",
   "chart.js": "^2.8.0",
   "core-js": "^2.5.4",
   "jquery": "^3.4.1",
   "rxjs": "~6.3.3",
   "zone.js": "~0.8.26"
    },
   "devDependencies": {
   "@angular-devkit/build-angular": "~0.11.0",
   "@angular/cli": "~7.1.0",
   "@angular/compiler-cli": "~7.1.0",
   "@angular/language-service": "~7.1.0",
   "@types/chart.js": "^2.7.53",
   "@types/jasmine": "^2.8.16",
   "@types/jasminewd2": "^2.0.6",
   "@types/node": "~8.9.4",
   "codelyzer": "~4.2.1",
   "jasmine-core": "~2.99.1",
   "jasmine-spec-reporter": "~4.2.1",
   "karma": "~3.1.1",
   "karma-chrome-launcher": "~2.2.0",
   "karma-coverage-istanbul-reporter": "~2.0.1",
   "karma-jasmine": "~1.1.2",
   "karma-jasmine-html-reporter": "^0.2.2",
   "protractor": "~5.4.0",
   "ts-node": "~7.0.0",
   "tslint": "~5.11.0",
   "typescript": "~3.1.6"
   }

ฉันมีปัญหานี้นี่คือวิธีที่ฉันจะแก้ไขได้ ปัญหาส่วนใหญ่คือเวอร์ชันเชิงมุมของคุณไม่สนับสนุนเวอร์ชัน Node.js สำหรับบิลด์ ดังนั้นทางออกที่ดีที่สุดคือการอัพเกรด Node.js ของคุณให้เสถียรที่สุดในปัจจุบัน

สำหรับการอัพเกรด Node.js ทั้งหมดฉันแนะนำให้ใช้ n ถ้าคุณใช้ Mac

npm install -g n
npm cache clean -f
sudo n stable
npm update -g

และตอนนี้ตรวจสอบว่าคุณได้รับการปรับปรุง:

node -v
npm -v

สำหรับรายละเอียดเพิ่มเติมตรวจสอบลิงค์นี้: ที่นี่

ไม่มีคำตอบที่ได้รับข้างต้นสำหรับฉัน

เป้าหมายเดิมของฉันคือการแก้ไขบางครั้งการรวบรวมอย่างต่อเนื่องของโครงการของฉันด้วย VSCode

ฉันลองหลายวิธีหลายอย่าง แต่ไม่มีอะไรทำงาน - โครงการแค่ไม่คอมไพล์!

ในที่สุดฉันก็พบว่าปัญหาคืออะไร:

ฉันโคลนโครงการจากพื้นที่เก็บข้อมูลของ บริษัท ของฉันและรหัสทั้งหมดจากที่นั่นได้ตรงกับรุ่นของการพึ่งพาเมื่อส่วนที่มีอยู่ของโครงการถูกเข้ารหัส

ในท้ายที่สุดฉันลบโปรเจ็กต์ที่โคลนก่อนหน้านี้อีกครั้ง (ค่อนข้างสองสามครั้ง)และโคลนอีกครั้ง (อีกสองสามครั้ง)และก็ไม่ได้ทำอะไรเลย

บทเรียนที่ฉันได้เรียนรู้ที่นี่คือ:

บางครั้งคุณจะทำให้สถานการณ์แย่ลงเมื่อคุณพยายามแก้ไขปัญหาบางอย่าง (สิ่งที่ฉันมีก็คือการคอมไพล์อย่างต่อเนื่องของโครงการของฉัน)

แต่นั่นไม่ได้หมายความว่าเราไม่สามารถแก้ไขปัญหาได้ เราทำได้ แต่เมื่อทุกอย่างยุ่งเหยิงเราควรที่จะใช้รหัสต้นฉบับดีกว่า

โชคดีที่การรวบรวมอย่างต่อเนื่องของโครงการของฉันเกิดขึ้นเพียงครั้งเดียวไม่ได้เกิดขึ้นตลอดเวลา มันไม่ได้รับการแก้ไข แต่ฉันต้องทนกับมันไม่เช่นนั้นโครงการของฉันจะไม่ได้รวบรวม

มันติดตั้งใหม่ได้ @ angular-devkit / build-angular @ 0.13.4

npm install @angular-devkit/build-angular@0.13.4 --save-dev