Symfony 4 - 使用 webpack encore 导入 ChartJS？

Question

我在 Symfony 上下载了 ChartJS 包，我希望能够将它与 webpack-encore 一起使用

在我的 Twig 模板中，我可以使用 Chart ：

new Chart(document.getElementById("myChart"), { ..... }

它适用于 CDN，但现在我想将它与 webpack-encore 一起使用。

所以在我的app.js我试过：

//1er essai
import Chart from "chart.js";
global.Chart = Chart

//2eme essai
const Chart = require("chart.js");
global.Chart = Chart;

但两者都不起作用。 每次在浏览器中我都会收到以下错误：

未捕获的 ReferenceError：图表未定义

有人能帮助我吗 ？

Answer 1

使用 webpack encore 时，我发现通过 npm 安装不同的模块更容易。 在文档中它说推荐使用 bower 和 npm。 所以你基本上写这个

npm install chart.js --save

对于使用，您只需导入它。

Answer 2

如果您使用 Yarn（由 Webpack Encore 推荐），只需输入：

yarn add chart.js 

然后在你的 js 文件中：

import Chart from 'chart.js';

new Chart($("#myElement"), {
    ...
});