2017-11-04 23 views
10

とメタデータのバージョンの不一致私は角4アプリケーションに取り組んでおり、 "NPM開始" コマンドを使用して、エラーの下に取得しています -角度4

モジュール Cのメタデータのバージョンの不一致でERROR:/ gitRepo/gmdias/gmdais-/gitRepo/gmdias/gmdais-frontend/node_modules/@ angular/platform-b​​rowser/C:/ gitRepo/gmdias/gmdais-frontend/node_modules/@angular /animations/browser/browser.d.ts、 が見つかりましたバージョン4、アニメーション/ index.d.ts、 SymbolのBrowserAnimationsModuleを に解決するC:/gitRepo/gmdias/gmdais-frontend/node_modules/@angular/platform-b​​rowser/animations/index.d.ts、 CにシンボルBrowserAnimationsModuleを解決:/gitRepo/gmdias/gmdais-frontend/node_modules/@angular/platform-b​​rowser/animations/index.d.ts

ここ

は私のpackage.jsonファイル

{ 
    "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://[email protected]/stash/scm/pzn/gmdais-frontend.git" 
    } 
} 
されます
+0

エラーコードはここでは不十分です – smnbbrv

+0

@smnbbrv詳細が必要ですか? – Rup

+0

これは本当に難しいことです。一部のバージョンで何かが間違っているように見えますが、アプリ全体をデバッグせずに修正する方法はほとんど不可能です... githubリポジトリとして使用することは可能ですか? – smnbbrv

答えて

12

@angular/animationsはバージョン5.x.xで、他の@angular/パッケージは4.x.xです。すべての@angular/*パッケージを整列する必要があります。つまり、アプリがコンパイルできるようにするには、バージョン番号がまったく同じである必要があります。

具体的なエラーは、"version"フィールドの内部にある.metadata.jsonファイルから発生します。 @angular/*@4.x.xはバージョン3を使用し、@angular/*@5.x.xはバージョン4(現在は)を使用しています。

+0

こんにちは、私はプロジェクトの問題に遭遇しています。私はAngular 4を使用していますが、材料には2.0.0-beta.10のmd接頭辞を使用しています。プロジェクトの要件から、私はマットに更新する必要があると言われています。だから私は接頭辞ツールを走らせて、それは自動的に材料5のバージョンに私を連れて行きます。このタイプの不一致エラーがあります。最後に、私の質問は、ミスマッチエラーを避けるために角度4のバージョンで角度5ではなくマットバージョンを使用できます。前もって感謝します。 – Kaushik27

+0

@ Kaushik27これについて新しい質問をする必要があります。 –

1

角度を4から5に変更するときに同じ問題が発生しました。問題は自分のprodの依存関係だけを更新しましたが、devの依存関係を更新することも忘れていました。

-3

プロジェクトフォルダで開い node_modules /角度@ /アニメーション 内部のアニメーションフォルダanimations.metadata.jsonファイルは、あなたが問題を解決

+0

これはひどいアドバイスです。それはただのトラブルを求めているだけです。 –

+0

npmのインストール/アップデートを行うたびに、そのディレクトリで行われたすべての変更が失われます – Chumillas

3

も3.worksにバージョン4に変更: は単に実行しますプロジェクトディレクトリの場所の端末では、このコマンド:

npm install @angular/[email protected]'^5.0.0' @angular/[email protected]'^5.0.0' @angular/[email protected]'^5.0.0' @angular/[email protected]'^5.0.0' @angular/[email protected]'^5.0.0' @angular/[email protected]'^5.0.0' @angular/[email protected]'^5.0.0' @angular/platform-browser@'^5.0.0' @angular/[email protected]'^5.0.0' @angular/[email protected]'^5.0.0' @angular/[email protected]'^5.0.0' [email protected] [email protected]'^5.5.2' 

この上記のコマンドは、基本的にUPDATバージョンに異なる角度のモジュールをES 5.

構文:

NPMは、我々は、同様の問題を持って '^ 5.0.0'

0

角度/ moduleNameの @インストール私たちのプロジェクトの一つです。角度4とpackage.json、例えば角度5

との互換性の問題を持っているいくつかのモジュールのためのpackage.jsonファイル/コンパイルコードを構築しながら

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

表示の問題は、プロジェクト場合ではありませんアンギュラ5が互換性ありモジュール。だから、そのような問題を修正するために、我々は同様に、我々はモジュールの私たちのプロジェクト/ノード互換性のあるバージョンを確認する必要がアンギュラ4との互換性のあるバージョンを特定する必要があり、手動で次のコマンドを使用して

npm install @ng-bootstrap/[email protected] --save 

をインストールする必要がありますに更新する必要があります私たちのpackage.json

この方法は私たちの問題を解決しました。この方法で試してください