Bonjour,
J'utilises Symfony Encore pour la gestion de mes assets css / js.
J'ai une erreur dans ma console :
Uncaught ReferenceError: Chart is not defined
(erreur a la ligne 19)
J'ai bien compris l'erreur, il ne trouve pas l'import que j'ai pourtant bien importé dans le fichier chart.js
Voici mon fichier chart.js (plutôt court...) je compte y mettre la config globale des graphiques de mon appli plus tard etc...
l'import de chart est correct j'en suis sûr.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 import Chart from 'chart.js/auto'; console.log('fichier js bien visible dans la console');
Mon fichier twig :
Code twig : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 {% extends 'base.html.twig' %} {% block title %}Hello HomeController!{% endblock %} {% block body %} <div class="container"> <h1>Home</h1> <canvas id="myChart" width="400" height="100"></canvas> </div> {% endblock %} {% block javascripts %} {{ parent() }} {{ encore_entry_script_tags('chart') }} <script> var ctx = document.getElementById('myChart'); var myChart = new Chart(); // pourquoi j'ai une erreur dans ma console ? Uncaught ReferenceError: Chart is not defined </script> {% endblock %}
l'import de mon fichier js est correct car je vois bien le message "fichier js bien visible dans la console" dans ma console ! donc normalement l'import de Chart doit aussi être bon non ??
avez vous des idées ?
merci.
PS : j'ai fait un test en mettant directement tt le js dans le fichier chart.js et cela fonctionne impeccable mais je ne veux pas car je veux différencier la config globale a l'ensemble des graph et la config unique a un graph seulement pour une page...
Partager