Metadata phiên bản không phù hợp với góc 4

Question

tôi đang làm việc trên góc 4 ứng dụng và nhận được dưới đây lỗi với "NPM bắt đầu" lệnh -

ERROR trong Metadata phiên bản không phù hợp cho mô-đun C:/gitRepo/gmdias/gmdais- frontend/node_modules/@angular/animations/browser/browser.d.ts, tìm thấy phiên bản 4, dự kiến ​​3, biểu tượng giải quyết ɵf trong C:/gitRepo/gmdias/gmdais-frontend/node_modules/@ góc/nền tảng trình duyệt/animations/index.d.ts, biểu tượng giải quyết BrowserAnimationsModule trong C: /gitRepo/gmdias/gmdais-frontend/node_modules/@angular/platform-browser/animations/index.d.ts,.210 giải quyết biểu tượng BrowserAnimationsModule trong C: /gitRepo/gmdias/gmdais-frontend/node_modules/@angular/platform-browser/animations/index.d.ts

ở đây là tập tin package.json tôi

{ 
    "name": "nucleus-web", 
    "version": "1.0.0", 
    "license": "MIT", 
    "scripts": { 
    "transpile": "ngc", 
    "package": "rollup -c", 
    "minify": "uglifyjs dist/bundles/datatable.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/datatable.min.js", 
    "build": "npm run transpile && npm run package && npm run minify && ng build", 
    "ng": "ng", 
    "start": "ng serve", 
    "postinstall": "ng build", 
    "test": "sh build.sh" 
    }, 
    "private": true, 
    "peerDependencies": { 
    "@angular/core": "^4.0.1" 
    }, 
    "dependencies": { 
    "@angular/animations": "^5.0.0", 
    "@angular/cdk": "^2.0.0-beta.12", 
    "@angular/common": "^4.0.1", 
    "@angular/compiler": "^4.0.0", 
    "@angular/core": "^4.0.1", 
    "@angular/forms": "^4.0.1", 
    "@angular/http": "^4.0.0", 
    "@angular/material": "^2.0.0-beta.12", 
    "@angular/platform-browser": "^4.2.5", 
    "@angular/platform-browser-dynamic": "^4.0.1", 
    "@angular/platform-server": "^4.4.4", 
    "@angular/router": "^4.0.0", 
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5", 
    "bootstrap": "3.3.7", 
    "core-js": "^2.4.1", 
    "font-awesome": "^4.7.0", 
    "jquery": "^3.2.1", 
    "lodash": "^4.17.4", 
    "ng2-file-upload": "^1.2.1", 
    "ng2-toastr": "^4.1.2", 
    "ngx-bootstrap": "^1.7.1", 
    "ngx-treeview": "1.2.3", 
    "ngx-webstorage": "^1.8.0", 
    "rxjs": "^5.1.0", 
    "zone.js": "^0.8.12" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.3", 
    "@types/jasmine": "2.5.38", 
    "@types/jquery": "^3.2.15", 
    "@types/node": "~8.0.33", 
    "codelyzer": "~2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.1.0", 
    "ts-node": "~3.3.0", 
    "tslint": "~4.5.0", 
    "@angular/compiler": "^4.4.4", 
    "@angular/compiler-cli": "^4.4.4", 
    "rollup": "^0.50.0", 
    "typescript": "^2.5.3", 
    "uglify-js": "^3.1.3" 
    }, 
    "repository": { 
    "type": "git", 
    "url": "ssh://git@stash.aexp.com/stash/scm/pzn/gmdais-frontend.git" 
    } 
} 

Answer 1

@angular/animations của bạn có trên phiên bản 5.x.x và các gói @angular/ khác là trên 4.x.x. Tất cả các gói @angular/* phải được căn chỉnh, nghĩa là có cùng số phiên bản chính xác cho ứng dụng để có thể biên dịch.

Lỗi cụ thể mà bạn đang tìm đến từ các tệp .metadata.json có trường "version" bên trong. @angular/*@4.x.x sử dụng phiên bản 3 và @angular/*@5.x.x sử dụng phiên bản 4 (hiện tại).

Answer 2

Tôi gặp vấn đề tương tự khi cập nhật góc từ 4 đến 5. Vấn đề là tôi chỉ cập nhật phụ thuộc sản phẩm của mình nhưng tôi cũng quên cập nhật phụ thuộc dev của mình.

Answer 3

mở trong thư mục dự án của bạn node_modules/@ góc/hình ảnh động bên trong thư mục hình ảnh động tập tin animations.metadata.json, bạn thay đổi phiên bản 4 để 3.works cũng

Answer 4

Giải quyết vấn đề: Đơn giản chỉ cần chạy lệnh này trong thiết bị đầu cuối tại vị trí thư mục dự án của bạn:

npm install @angular/animations@'^5.0.0' @angular/common@'^5.0.0' @angular/compiler@'^5.0.0' @angular/compiler-cli@'^5.0.0' @angular/core@'^5.0.0' @angular/forms@'^5.0.0' @angular/http@'^5.0.0' @angular/platform-browser@'^5.0.0' @angular/platform-browser-dynamic@'^5.0.0' @angular/platform-server@'^5.0.0' @angular/router@'^5.0.0' typescript@2.4.2 rxjs@'^5.5.2' 

lệnh trên này về cơ bản updat es module góc khác nhau để phiên bản 5.

Cú pháp:

NPM cài đặt @ góc/modulename '^ 5.0.0'

Answer 5

Chúng tôi có một vấn đề tương tự trong một trong những dự án của chúng tôi. Trong tập tin package.json đối với một số module mà có vấn đề về khả năng tương thích với góc 4 và góc 5

Ví dụ trong package.json

"@ng-bootstrap/ng-bootstrap": "1.0.0", 

Hiện vấn đề khi xây dựng/biên dịch mã nếu bạn dự án không có góc 5 tương thích mô-đun.Vì vậy, để sửa chữa các vấn đề như vậy, chúng ta cần phải xác định phiên bản tương thích của nó với góc 4 và cần phải tự cài đặt với sau lệnh

npm install @ng-bootstrap/ng-bootstrap@1.0.0-beta.6 --save 

Tương tự như vậy, chúng ta cần phải kiểm tra phiên bản tương thích dự án/Node của chúng ta về các module cần phải được cập nhật trong package.json

Phương pháp này đã giải quyết được vấn đề của chúng tôi. Vui lòng thử theo cách này