symfony - 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：未定义图表

有人能帮助我吗 ？

标签： symfonyclasswebpackcharts

Answer 1

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

npm install chart.js --save

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