Angular 4是否支持highcharts Angular(Angular的highcharts包装器)



我尝试安装从2.0.02.10的所有高图表角度版本。总之,我在运行应用程序时也遇到了类似的错误。

模块C:的元数据版本不匹配中的错误:/dev/Angular WorkSpace/ma property-report/node_modules/hights-Angular.d.ts,找到版本4,应为3,正在解析C:/dev/Angular WorkSpace/ma property-report/src/app/shared/shared.module.ts中的符号SharedModule,解析C:\/dev/Angular WorkSpace/ma-property-report/src/app/shared/shared.module.ts 中的符号SharedModule

错误消息屏幕截图

在网上冲浪时,我知道如果依赖项(highcharts angular(与angular 4不兼容,就会出现这些错误。现在不能选择更新到角度5。我尝试将高图表的角度版本从2.10.0一直降级到2.0.0就提出了一个问题,Angular 4是否支持highcharts Angular(Angular的highcharts包装器(,如果是,我该如何解决这个错误

npm -v
6.14.8
@angular/cli: 1.2.7 // global Angular CLI version = 6.2.9
node: 8.17.0
os: win32 x64

签出我的package.json文件。

{
"name": "underwriter-web",
"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.4.3",
"@angular/common": "4.3.x",
"@angular/compiler": "4.3.x",
"@angular/core": "4.3.x",
"@angular/forms": "4.3.x",
"@angular/http": "4.3.x",
"@angular/platform-browser": "4.3.x",
"@angular/platform-browser-dynamic": "4.3.x",
"@angular/router": "4.3.x",
"@auth0/angular-jwt": "^1.0.0-beta.9",
"@ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",
"@realpage-da/ng-map": "1.0.x",
"@types/nouislider": "^9.0.1",
"ag-grid": "11.0.0",
"ag-grid-angular": "11.0.0",
"ag-grid-enterprise": "11.0.0",
"angular2-jwt": "0.2.3",
"bootstrap": "4.0.0-alpha.6",
"cachefactory": "^3.0.0",
"core-js": "^2.4.1",
"file-saver": "1.3.3",
"font-awesome": "^4.7.0",
"highcharts": "5.0.12",
"highcharts-angular": "^2.4.0",
"lodash": "^4.17.4",
"moment": "2.18.1",
"ng2-date-picker": "2.8.1",
"ng2-toastr": "^4.1.2",
"ngx-cookie-service": "1.0.9",
"node-sass": "~4.5.3",
"nouislider": "^10.1.0",
"roboto-fontface": "^0.9.0",
"rxjs": "5.5.0",
"sass-loader": "^6.0.5",
"web-animations-js": "^2.3.1",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@angular/cli": "1.2.7",
"@angular/compiler-cli": "4.3.x",
"@types/highcharts": "5.0.10",
"@types/jasmine": "2.5.38",
"@types/lodash": "4.14.73",
"@types/node": "~6.0.60",
"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.0.4",
"tslint": "~4.5.0",
"typescript": "2.3.2"
}
}

如果您查看highcharts-angular包装器从2.0.0到2.10.0的版本,所有这些版本都要求Angular的版本高于6.0.0。换句话说,它不会这样工作。

但是你总是可以在Angular中创建一个图表,而不需要像下面的演示中那样的包装器
演示:https://stackblitz.com/edit/highcharts-angular-basic-line-i9etwb

最新更新