时间戳

首页 > 解决方案 > 如何在 webpacker rails 6 中使用 chart.js

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

问题描述

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

谢谢

标签： javascriptruby-on-railschart.jsruby-on-rails-6webpacker

解决方案

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

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

推荐阅读