Angular Ionic-amcharts4-对象原型只能是对象或null:未定义
更新包后开始抛出错误。我尝试回滚更新,但错误仍在继续 package.json:Angular Ionic-amcharts4-对象原型只能是对象或null:未定义,angular,typescript,ionic-framework,amcharts4,Angular,Typescript,Ionic Framework,Amcharts4,更新包后开始抛出错误。我尝试回滚更新,但错误仍在继续 package.json: { "name": "nexus-pwa", "version": "0.0.1", "author": "Ionic Framework", "homepage": "https://ionicframework.com/", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "
{
"name": "nexus-pwa",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@amcharts/amcharts4": "^4.7.10",
"@angular/common": "~8.2.14",
"@angular/compiler": "~8.2.14",
"@angular/core": "~8.2.14",
"@angular/forms": "~8.2.14",
"@angular/platform-browser": "~8.2.14",
"@angular/platform-browser-dynamic": "~8.2.14",
"@angular/router": "~8.2.14",
"@ionic-native/core": "^5.17.0",
"@ionic-native/splash-screen": "^5.17.0",
"@ionic-native/status-bar": "^5.17.0",
"@ionic/angular": "^4.11.5",
"core-js": "^3.4.1",
"net": "^1.0.2",
"ngx-spinner": "^8.0.3",
"npm-check-updates": "^3.2.1",
"ol": "^6.1.1",
"point-in-polygon": "^1.0.1",
"robust-point-in-polygon": "^1.0.3",
"rxjs": "~6.5.3",
"sockjs-client": "^1.4.0",
"stompjs": "^2.3.3",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/architect": "~0.803.19",
"@angular-devkit/build-angular": "~0.803.19",
"@angular-devkit/core": "~8.3.19",
"@angular-devkit/schematics": "~8.3.19",
"@angular/cli": "^8.3.19",
"@angular/compiler": "~8.2.14",
"@angular/compiler-cli": "~8.2.14",
"@angular/language-service": "~8.2.14",
"@ionic/angular-toolkit": "~2.1.1",
"@types/jasmine": "~3.4.6",
"@types/jasminewd2": "~2.0.8",
"@types/node": "~12.12.11",
"codelyzer": "^5.2.0",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.4.1",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "~5.4.2",
"ts-node": "~8.5.2",
"tslint": "~5.20.1",
"typescript": "~3.5.3"
},
"description": "An Ionic project"
}
graph-detail.page.html:
<div #chartElement ></div>
错误:
tslib.es6.js:25 Uncaught TypeError: Object prototype may only be an Object or null: undefined
at setPrototypeOf (<anonymous>)
at Module.__extends (tslib.es6.js:25)
at Label.js:62
at Module../node_modules/@amcharts/amcharts4/.internal/core/elements/Label.js (Label.js:1345)
at __webpack_require__ (bootstrap:84)
at Module../node_modules/@amcharts/amcharts4/.internal/core/System.js (System.js:1)
at __webpack_require__ (bootstrap:84)
at Module../node_modules/@amcharts/amcharts4/.internal/core/utils/Animation.js (Animation.js:1)
at __webpack_require__ (bootstrap:84)
at Module../node_modules/@amcharts/amcharts4/.internal/core/Sprite.js (Sprite.js:1)
tslib.es6.js:25未捕获类型错误:对象原型只能是对象或null:未定义
在setPrototypeOf()处
at模块扩展(tslib.es6.js:25)
标签号:js:62
位于Module../node_modules/@amcharts/amcharts4/.internal/core/elements/Label.js(Label.js:1345)
at ___;网页___;需要___;(引导:84)
位于Module../node_modules/@amcharts/amcharts4/.internal/core/System.js(System.js:1)
at ___;网页___;需要___;(引导:84)
位于Module../node_modules/@amcharts/amcharts4/.internal/core/utils/Animation.js(Animation.js:1)
at ___;网页___;需要___;(引导:84)
位于Module../node_modules/@amcharts/amcharts4/.internal/core/Sprite.js(Sprite.js:1)
运行时出错,编译成功。
如果删除“this.createGraph();”,错误将继续。
如果删除am4core.create行,错误将消失
我尝试清理node_modules文件夹并重新安装所有软件包。
使用“npm cache clean”清除缓存,而不执行任何操作
有什么想法吗?谢谢
更新:
问题出现在amcharts4库版本中,因为版本4.7.9开始出现故障
使用版本4.7.8可以正确地用于上面详述的软件包配置。您是否尝试了以下命令来构建应用程序 用于角度的
ng build --prod --build-optimizer=false
适用于爱奥尼亚
ionic build --prod --build-optimizer=false
否则,您必须在package.json中添加此语法
"scripts": {
"build": "ng build --prod --build-optimizer=false"
}
嗨,Miyas,我尝试过这种方法,但抛出了相同的错误。@Matí正如我在一个新项目中尝试下面的示例一样,它似乎工作正常,请检查下面的链接:
https://www.amcharts.com/docs/v4/getting-started/integrations/using-angular2/
我有一个角度加工的例子,问题在于ionic项目。甚至我也在ionic项目中尝试了上面的例子,效果很好。graph是通过使用npm start
命令工作的。它对我来说是使用amchart4版本4.7.8工作的,因为版本4.7.9开始失败。谢谢你,米亚斯。
"scripts": {
"build": "ng build --prod --build-optimizer=false"
}