Lazy loading AlloyEditor

lakamark
Javascript

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