ruby-on-rails 如何在webpacker rails 6中使用chart.js

hof1towb 于 2023-03-31 发布在 Ruby

关注(0)|答案(2)|浏览(118)

我用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文件中。
谢谢

2条答案

我找到了一种方法，这就是我需要在application.js中调用它的方式

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

提供的解决方案是好的，直到我开始在生产环境中遇到问题，由于一些异步加载。在我的情况下，我解决了这个同步加载Chart.js并使其全局可用，如下所示：

const Chart = require('chart.js/auto');
window.Chart = Chart.Chart;