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...

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');
l'import de chart est correct j'en suis sûr.

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...