如何使用 Webpack 导入 Chart.js

Posted 2023-02-22

【中文标题】如何使用 Webpack 导入 Chart.js

【英文标题】：How to import Chart.js with Webpack

【发布时间】：2016-07-01 15:34:12

【问题描述】：

我有一个使用 Webpack 的 Vue JS 项目，需要导入 Chart.js。我试过了

// import Chart from 'chart.js/Chart.min.js'

这会在尝试使用该库时产生 js 错误。

【参考方案1】：

在你做npm install chart.js之后，

你可以简单地使用

import Chart from 'chart.js'

导入chart.js 希望对您有所帮助。

【讨论】：

您找到解决方案了吗？我遇到了类似的错误。谢谢。

【参考方案2】：

正如this issue 所见，如果您使用 Angular CLI，您只需将其添加到 angular-cli.json 中的脚本数组中：

"../node_modules/chart.js/dist/Chart.bundle.min.js"

重新启动您的应用程序，实时重新加载将无法解决问题。