如何在 webpacker rails 6 中使用 chart.js答案

【问题标题】：how to use chart.js in webpacker rails 6如何在 webpacker rails 6 中使用 chart.js
【发布时间】：2021-07-25 12:38:39
【问题描述】：

我用 yarn 安装了 chart.js，在 application.js 中我用 require('chart.js'); 调用它

然后我有一个与一个视图相关的 js 文件，我想在其中调用 new Chart，我得到的 Chart 未定义。所以我把它添加为一个全局的

global.Chart = require('chart.js')

但后来我得到 Chart 不是构造函数。如何正确导入chart.js，以便Chart 在任何视图中都可用？我不想将与图表相关的 js 代码放在 application.js 中，我想将其保存在单独的 js 文件中。

谢谢

【问题讨论】：

【解决方案1】：

好的尝试错误我找到了一个方法这就是我需要在 application.js 中调用它的方式

require ('chart.js/auto');
import Chart from 'chart.js/auto';
global.Chart = Chart;

【讨论】：