Pb import/export de class js avec webpack encore
Bonjour,
J'ai un problème vraiment bizarre et je ne sais plus quoi faire.
J'ai un projet en Symfony 5, et je veux utiliser du javascript. Jusque là, pas de soucis. Du coup, j'ai installé encore & compagnie, histoire de faire ça propre.
Ce que je veux, c'est avoir une classe js, d'un côté, et de l'autre, un fichier qui va utiliser cette classe.
Le soucis, c'est que ça ne fonctionne que si ma classe ne possède qu'un constructeur : à la moindre méthode que je rajoute, aussi basique soit elle, je ne vois plus rien.
Est-ce que quelqu'un aurait une idée du soucis ?
Voici quelques portion de code pour montrer le soucis :
Webpack.config
Code:
1
2
3
4
|
.addEntry('app', './assets/js/app.js')
.addEntry('Chien', './assets/js/Components/Chien.js')
.addEntry('secretaryCtrl', './assets/js/secretaryCtrl.js') |
(pas certain que l'entrée "Chien" soit nécessaire).
Là, ça marche, si je décommente "aboyer", ça ne marche plus.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
class Chien {
constructor(nom) {
this.nom = nom;
}
/*aboyer() {
console.log(this.nom + " aboie");
}/**/
}
export default Chien; |
Code du fichier qui doit utiliser Chien.
A noter que si jamais je décommente "aboyer" de la classe chien, alors même le console.log("test") ne se voit plus, par contre, si je commente "aboyer", je vois "test" et l'objet "toutou" est une instance parfaitement valide.
Code:
1
2
3
4
5
6
|
console.log("test");
import Chien from './Components/Chien';
let toutou = new Chien("Milou");
console.log(toutou); |
Appel du fichier dans mon fichier twig.
Code:
1
2
|
<script src="{{ asset('build/secretaryCtrl.js')}}"></script> |
Voilà... Merci d'avance si jamais quelqu'un à une idée parce que là, je n'ai plus aucune piste... ^^.
