core.js:4197 错误类型错误:chart_js__WEBPACK_IMPORTED_MODULE_2__ 不是构造函数

Dig*_*don 11 chart.js primeng angular

我在使用 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)
Run Code Online (Sandbox Code Playgroud)

在我的 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",

Lee*_*lee 23

高概率primeng仍然只适用于chart.js的v2,因为v3本月刚刚发布并且有一些突破性的变化。

将 chart.js 降级到 2.9.4 版应该可以解决您的问题

  • npm 我 Chart.js@2.9.4 (7认同)
  • 它适用于 2.9.4,但它确实会导致有关 commonJS 和优化救助的警告。`node_modules\primeng\__ivy_ngcc__\fesm2015\primeng-chart.js 依赖于 'chart.js'。CommonJS 或 AMD 依赖项可能会导致优化救援。 (2认同)
  • 谢谢。我对这个问题感到抓狂。 (2认同)
  • 有关信息:Charts.js 3.3.2 可与 primeng 13.3.2 配合使用。它需要一些配置修改。 (2认同)