2017-12-03 4 views
0

私のプロジェクトではハイチャートを使用する必要があり、Angular4ではハイチャートを使用する必要があります。しかし、私は下のエラーを取得している、私は誰もが角度5にアップグレードすることを提案したが、私のプロジェクトで私は角度4のみを使用することができます。助けてください。ハイチャートはアンギュラ4で動作していません

ERROR in Error: Metadata version mismatch for module /home/ishant/HighChartDemo/node_modules/angular-highcharts/angular-highcharts.d.ts, found version 4, expected 3, resolving symbol AppModule in /home/ishant/HighChartDemo/src/app/app.module.ts, resolving symbol AppModule in /home/ishant/HighChartDemo/src/app/app.module.ts 
at syntaxError (/home/ishant/HighChartDemo/node_modules/@angular/compiler/bundles/compiler.umd.js:1729:34) 
at simplifyInContext (/home/ishant/HighChartDemo/node_modules/@angular/compiler/bundles/compiler.umd.js:24979:23) 
at StaticReflector.simplify (/home/ishant/HighChartDemo/node_modules/@angular/compiler/bundles/compiler.umd.js:24991:13) 
at StaticReflector.annotations (/home/ishant/HighChartDemo/node_modules/@angular/compiler/bundles/compiler.umd.js:24418:41) 
at _getNgModuleMetadata (/home/ishant/HighChartDemo/node_modules/@angular/compiler-cli/src/ngtools_impl.js:138:31) 
at _extractLazyRoutesFromStaticModule (/home/ishant/HighChartDemo/node_modules/@angular/compiler-cli/src/ngtools_impl.js:109:26) 
at Object.listLazyRoutesOfModule (/home/ishant/HighChartDemo/node_modules/@angular/compiler-cli/src/ngtools_impl.js:53:22) 
at Function.NgTools_InternalApi_NG_2.listLazyRoutes (/home/ishant/HighChartDemo/node_modules/@angular/compiler-cli/src/ngtools_api.js:91:39) 
at AotPlugin._getLazyRoutesFromNgtools (/home/ishant/HighChartDemo/node_modules/@ngtools/webpack/src/plugin.js:241:66) 
at _donePromise.Promise.resolve.then.then.then.then.then (/home/ishant/HighChartDemo/node_modules/@ngtools/webpack/src/plugin.js:495:24) 
at process._tickCallback (internal/process/next_tick.js:109:7) 

私のpackage.jsonは以下の通りです:

{ 
"name": "high-chart-demo", 
"version": "0.0.0", 
"license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/animations": "^4.2.4", 
    "@angular/common": "^4.2.4", 
    "@angular/compiler": "^4.2.4", 
    "@angular/core": "^4.2.4", 
    "@angular/forms": "^4.2.4", 
    "@angular/http": "^4.2.4", 
    "@angular/platform-browser": "^4.2.4", 
    "@angular/platform-browser-dynamic": "^4.2.4", 
    "@angular/router": "^4.2.4", 
    "angular-highcharts": "^5.1.1", 
    "core-js": "^2.4.1", 
    "highcharts": "^6.0.3", 
    "rxjs": "^5.4.2", 
    "zone.js": "^0.8.14" 
}, 
    "devDependencies": { 
    "@angular/cli": "1.4.4", 
    "@angular/compiler-cli": "^4.2.4", 
    "@angular/language-service": "^4.2.4", 
"@types/highcharts": "^5.0.12", 
"@types/jasmine": "~2.5.53", 
"@types/jasminewd2": "~2.0.2", 
"@types/node": "~6.0.60", 
"codelyzer": "~3.2.0", 
"jasmine-core": "~2.6.2", 
"jasmine-spec-reporter": "~4.1.0", 
"karma": "~1.7.0", 
"karma-chrome-launcher": "~2.1.1", 
"karma-cli": "~1.0.1", 
"karma-coverage-istanbul-reporter": "^1.2.1", 
"karma-jasmine": "~1.1.0", 
"karma-jasmine-html-reporter": "^0.2.2", 
"protractor": "~5.1.2", 
"ts-node": "~3.2.0", 
"tslint": "~5.7.0", 
"typescript": "~2.3.3" 
    } 
} 
+0

私はこのことについてわからないが、エラーが言うようにバージョンの不一致。 HighChartsの下位バージョンを試しましたか? –

答えて

0

あなたはangular4角度-highcharts @インストールする必要があります。

# install angular-highcharts and highcharts 
npm i --save [email protected] highcharts 

# install highcharts typings 
npm i --save-dev @types/highcharts 
関連する問題