Instancier un objet depuis un fichier twig
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:
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:
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 ? :roll:
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...