Symfony 4 - 使用 webpack encore 导入 ChartJS?

爱伦

我在 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:图表未定义

有人能帮助我吗 ?

斯拉夫语

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

npm install chart.js --save

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Symfony Webpack Encore:从捆绑包导入.js

如何在Symfony 4和Webpack Encore中使用数据表?

在Symfony 4中将引导程序与Webpack Encore一起使用

Symfony 4 Webpack + Encore处理模板中的图像

Symfony 4 / Webpack Encore:jQuery不起作用

webpack-encore如何与symfony 5配合使用?

Webpack Encore:无法导入本地依赖项

Symfony 4:Webpack Encore-其他JS文件中的调用方法

配置webpack encore以进行异步和等待(Symfony 4和VueJs)

纱安装symfony / webpack-encore

如何使jQuery与Symfony Webpack Encore外部兼容?

Symfony Encore / Webpack从未完成

webpack encore 在 symfony 5 中获取

使用Webpack Encore缩小图像

在我的 Symfony 项目中使用 Webpack encore 进行资产管理

Webpack Encore - 如何导入任何库(如果可能,缩小版本)?

在Webpack Encore中使用字体

Symfony 5 + Webpack Encore +数据表:未显示按钮

Symfony Webpack Encore 和 FontAwesome 的编译错误

Symfony 4.1项目中的Yarn和Webpack Encore配置

AlpineJS 和 Webpack Encore (Symfony 5.2.x)

Symfony Webpack Encore树枝功能不起作用

如何使用Webpack 4仅在某些模块中导入jQuery?

Symfony 4:使用Webpack编译的JS和CSS返回404

Symfony Encore:无法确定Webpack上下文。(您是否从项目外部的目录中执行webpack?)

Webpack - 使用 Symfony 实现

ReactJS可以使用他们的Webpack Encore Bundle在Symfony 5.3中没有节点的情况下运行吗

使用 Webpack 覆盖默认 ChartJS 变量

使用Webpack Encore ^ 0.21.0时,未知的“ encore_entry_link_tags”功能