Lỗi: Đường dẫn dữ liệu .builders ['app-shell'] nên có thuộc tính bắt buộc 'class'

Tôi nhận được lỗi này trong khi chạy ứng dụng của tôi. Dưới đây là chi tiết về ứng dụng của tôi.

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

Tôi đã thử xóa bộ nhớ cache.

Trong gói.json của bạn thay đổi trình xây dựng devkit.

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

đến

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

nó làm việc cho tôi
chúc may mắn.

Sau đây làm việc cho tôi

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

Mọi người ở đây đang tập trung vào việc hạ cấp các phiên bản @ angular-devkit / build-angular thành các phiên bản @angular 7.x để tương thích, nhưng điều họ nên làm là nâng cấp@angular/cli lên 8 phiên bản góc cạnh.

Vấn đề là cli hệ thống vẫn bị kẹt ở phiên bản cũ và không được cập nhật tự động bởi ng update (vì nó nằm ngoài dự án được điều khiển góc), do đó, nó bị bỏ lại ở phiên bản không tương thích khi cố gắng truy cập các thư viện góc.

Hạ cấp @angular-devkit/build-angularchỉ gây ra sự không tương thích nhiều hơn.

npm i --global @angular/cli@latest

sẽ khắc phục vấn đề mà không phá vỡ mọi thứ ở nơi khác.

Mọi người đang tập trung vào việc hạ cấp @angular-devkit/build-angularphiên bản xuống X hoặc nâng cấp @angular/cliphiên bản lên Y hoặc mới nhất.

Tuy nhiên, xin đừng mù quáng đề nghị X or Y or latestnhư một câu trả lời. (Mặc dù thông thường, hạ cấp devkit nên tốt hơn vì nâng cấp CLI là một thay đổi đột phá)

Phiên bản chính xác để chọn, luôn phụ thuộc vào phiên bản Angular (angular-cli) của bạn.

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

Đối với các phiên bản cụ thể khác, hãy truy cập: https://github.com/angular/angular-cli/tags . Tìm phiên bản CLI của bạn và trong một số thẻ, họ có đề cập đến các phiên bản tương ứng cho@angular-devkit/** các gói.

Lưu ý: Nếu bạn muốn nâng cấp phiên bản CLI của mình, trước tiên bạn nên xem xét nâng cấp lên phiên bản chính mới nhất của mình, đừng đơn giản chuyển sang phiên bản chính tiếp theo.

@ Angular-devkit của bạn không tương thích với phiên bản @ angular / cli, vì vậy chỉ cần cài đặt phiên bản cũ hơn như thế này chẳng hạn:

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

Vấn đề tương tự sau khi cố gắng nâng cấp lên Ng8 mà không thành công do vấn đề phụ thuộc.

npm uninstall @angular-devkit/build-angular

sau đó tôi đã sử dụng

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

đã sửa nó ...

Tôi đã có cùng một vấn đề, nhưng tôi đã giải quyết nó nhờ bình luận của Ekta Gandhi:

Cuối cùng tôi đã tìm ra giải pháp.

1) Trước tiên, loại bỏ tất cả các thay đổi trong tệp pack.json bằng cách đưa ra lệnh đơn giản git checkout pack.json.

2) Sau đó, sau khi thực hiện thay đổi trong pack.json trong @ angular-devkit / build-angular- ~ 0.800.1 (Thêm đuôi thay vì giới hạn)

3) Sau đó chạy lệnh rm -rf node_modules /

4) Sau đó xóa sạch bắt bằng cách đưa ra lệnh npm xóa bộ đệm -f

5) Và tại lệnh chạy npm cuối cùng cài đặt. Điều này làm việc cho tôi.

.... Cùng với sửa đổi được đề xuất bởi Dimuthu

Đã chuyển thành @ angular-devkit / build-angular ":" 0.13.4 "và nó đã hoạt động.

Điều này xảy ra với tôi khi tôi cài đặt Angular 8, có một số điểm không tương thích tôi không thể giải quyết. Tôi đã phải hạ cấp bởi vì tôi đã đi xuống lỗ thỏ tung hứng với mọi phiên bản cho đến khi tôi tìm thấy một phiên bản hoạt động.

Đầu tiên, TypeScript đã lỗi thời, cài đặt mặc định đã thêm một tham chiếu đến TypeScript 3.1.6 và nó yêu cầu 3,4 hoặc cao hơn.

npm install typescript@">=3.4 <3.5"

Thứ hai, sử dụng devkit 0.800.1 hoặc 0.800.1 luôn kết thúc không tương thích. Tôi đã thử nhiều kết hợp nhưng tôi không chắc nó hoàn toàn tương thích, đặc biệt vì tôi đang sử dụng một bootstrap cũ hơn một chút và tôi chưa thể nâng cấp.

Cuối cùng, tôi đã cố gắng hạ cấp (đi đến pack.json và tìm devDependencies) cho đến khi một trong số chúng hoạt động.

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

Tôi chắc chắn vấn đề của bạn là phiên bản phụ thuộc nhưng tôi không thể cho bạn biết cái nào. Hãy thử hạ cấp.

Hãy thử cập nhật tệp pack.json từ

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

đến

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

Sau đó chạy cài đặt npm trong dòng lệnh.

Tôi cũng đã gặp vấn đề này và đối với tôi khi thực hiện cập nhật nhiều vấn đề hơn xảy ra.

Những gì làm việc cho tôi cuối cùng là ít nhiều để loại bỏ cli góc và cài đặt lại với các bước sau:

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

Điều này giúp tôi biết nguồn: cách gỡ cài đặt angular / cli

Tôi đã thực hiện thay đổi này trong tệp pack.json, sau đó nó hoạt động.

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

đến

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

Tôi đã thay đổi @angular-devkit/build-angular": "0.9.0.1"đến @angular-devkit/build-angular": "0.13.4"và nó làm việc.

Tôi cũng phải đối mặt với vấn đề này và phải vật lộn hàng giờ để giải quyết nó, tôi đã thử tất cả các lựa chọn trên nhưng không có gì giải quyết được vấn đề của tôi. Vấn đề này xảy ra do phiên bản không khớp của angular / cli và angular-devkit, vì vậy tôi đã làm như sau:

1. Phiên bản thay đổi thủ công của tệp:

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

   @angular/cli": "~7.0.3", // Đây là dành cho Angular7, cho Angular8: 0,804,23

2. Đã xóa gói-lock.json

3. Đã thực hiện: cài đặt npm

Nó giải quyết vấn đề của tôi.

Về phía tôi đó là gói

@ angular-devkit / xây dựng góc

và

@ angular-devkit / build-ng-packagr

không phải là cùng một phiên bản, Cập nhật build-ng-packagrlên cùng một phiên bản đã build-angularkhắc phục sự cố của tôi.

Nếu bạn chuyển sang góc 8 hoặc 9, điều này sẽ thực hiện được mẹo

ng update @angular/cli

Bạn chỉ có thể kiểm tra mã của bạn và sau đó

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

Bạn có sự phụ thuộc không hoàn hảo tôi đã giải quyết vấn đề này bằng cách thay đổi gói.json tạo thành một dự án khác và sau đó thay đổi thành packag.json này, bạn chỉ thay đổi các phiên bản phụ thuộc mà bạn có.

sau khi thay đổi, hãy viết:

liên kết -npm

-npm phục vụ -o

sau đó nó hoạt động :)

   {
   "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"
   }

Tôi đã có vấn đề này, đây là cách tôi đã giải quyết nó. Vấn đề chủ yếu là phiên bản Angular của bạn không hỗ trợ phiên bản Node.js cho bản dựng. Vì vậy, giải pháp tốt nhất là nâng cấp Node.js của bạn lên bản ổn định nhất hiện tại.

Để nâng cấp sạch Node.js, tôi khuyên bạn nên sử dụng n. nếu bạn đang sử dụng Mac.

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

và bây giờ hãy kiểm tra xem bạn đã được cập nhật chưa:

node -v
npm -v

Để biết thêm chi tiết, kiểm tra liên kết này: tại đây

Không có câu trả lời nào ở trên làm việc cho tôi.

Mục tiêu ban đầu của tôi là sửa lỗi đôi khi TẠO CONSTANT của dự án của tôi với VSCode.

Tôi đã thử rất nhiều cách, nhưng KHÔNG CÓ GÌ đang hoạt động - dự án chỉ KHÔNG TÍNH TOÁN!

Cuối cùng tôi đã tìm ra vấn đề ở đây là:

Tôi đã nhân bản dự án từ kho lưu trữ của công ty tôi và tất cả các mã từ đó ĐÃ đi chính xác với các phiên bản phụ thuộc khi phần hiện tại của dự án được mã hóa.

Cuối cùng, tôi đã xóa dự án nhân bản trước đó LẠI (khá nhiều lần) và nhân bản LẠI (cũng một vài lần) , và DID KHÔNG CÓ NHƯNG RAN "npm install", và mọi thứ bắt đầu hoạt động .

Bài học tôi học được ở đây là:

Đôi khi, bạn sẽ làm cho tình hình tồi tệ hơn khi bạn cố gắng khắc phục một số vấn đề (vấn đề tôi gặp phải là TÍNH TOÁN CONSTANT của dự án của tôi).

Nhưng điều đó không có nghĩa là chúng ta không thể cố gắng khắc phục vấn đề. Chúng ta có thể. Nhưng khi mọi thứ trở nên lộn xộn, chúng ta nên sử dụng mã gốc.

May mắn thay, tính toán CONSTANT của dự án của tôi chỉ xảy ra một lần, không phải tất cả thời gian. Nó không được sửa, nhưng tôi phải chịu đựng, nếu không dự án của tôi thậm chí sẽ không được biên dịch.

nó hoạt động cài đặt lại @ angular-devkit / build-angular @ 0.13.4

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