Lazy loading AlloyEditor

Par lakamark, il y a 8 ans


Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

J'essais de "Lazy Loading" avec webpack et laravel mix. Si le textarea #alloyEditor est présent sur la page je charge alloyEditor.

<textarea id="alloyEditor"></textarea> let textArea = document.getElementById('alloyEditor'); if(textArea) { import('AlloyEditor').then((AlloyEditor) => { AlloyEditor.editable(textArea); }); }

Ce que je veux

AlloyEditoir sois correctement chargé et que je voix mon texteara cahngé.

Ce que j'obtiens

Quand je compile mes fichiers avec npm run watch je n'est pas de problème. Quand je vais sur ma page où il y a un textarea avec id alloyEditor il n'y a pas changé. J'ai des erreur dans ma console :

app.js:142 TypeError: Cannot read property 'string' of undefined at 2.js:8988 at 2.js:9019 at Object.<anonymous> (2.js:17003) at Object.<anonymous> (2.js:17005) at __webpack_require__ (app.js:50) at app.js:1108 at <anonymous>

Je ne comprend pas. J'ai installé tout les dépendances de AlloyEditoir "React" et "react-dom".

Merci de votre aide en avance

Aucune réponse