core.js:4197错误类型错误:chart_js__WEBPACK_IMPORTED_MODULE_2__不是构造函数
我在使用 chartJS 和 primeNG 时遇到此错误:
ERROR TypeError: chart_js__WEBPACK_IMPORTED_MODULE_2__ is not a constructor
at UIChart.initChart (primeng-chart.js:48)
at UIChart.ngAfterViewInit (primeng-chart.js:29)
at callHook (core.js:3038)
at callHooks (core.js:3008)
at executeInitAndCheckHooks (core.js:2960)
at refreshView (core.js:7243)
at refreshComponent (core.js:8326)
at refreshChildComponents (core.js:6965)
at refreshView (core.js:7222)
at refreshEmbeddedViews (core.js:8280)
在我的 angular.json 文件中,我添加了:"scripts": ["node_modules/chart.js/dist/Chart.js"]
ChartJS 版本: "chart.js": "^3.0.2", PrimeNG : "primeng": "^11.3.2", Angular CLI v : "@angular/cli": "~10.0.1",
回答
高概率primeng仍然只适用于chart.js的v2,因为v3本月刚刚发布并且有一些突破性的变化。
将 chart.js 降级到 2.9.4 版应该可以解决您的问题
- npm i chart.js@2.9.4
- it works with 2.9.4, but it does cause a warning about commonJS and optimizatiton bailouts. `node_modulesprimeng__ivy_ngcc__fesm2015primeng-chart.js depends on 'chart.js'. CommonJS or AMD dependencies can cause optimization bailouts.`
- Thanks. I was going bananas with this problem.
THE END
二维码