Import error, default d'ont exist

[cadot-eu]

The question.

I use editorjs in stimulus controller of symfony by #importmaps
I have no problem with plug but i don't import @editorjs

import { Controller } from '@hotwired/stimulus'; import EditorJS from "https://cdn.jsdelivr.net/npm/@editorjs/editorjs@2.26.5/+esm" import Header from '@editorjs/header'; import List from '@editorjs/nested-list';

Do you have ideas?

ps: Symfony said "If a bundle renders their own assets, but they use a non-default asset package, then the AssetMapper component will not be used."
@

[PierreAngeDR]

Hi !

I got the same problem and "temporarily" solved it by using the .mjs file provided by npm.
Here is how I did it :

• in a temp folder, run : npm i @editorjs/editorjs
• go to the node_modules/@editorjs/editorjs/dist/ folder, and copy/paste the editorjs.mjs file to, for instance, /assets/vendor_other/@editorjs/editorjs/dist/ folder (create /assets/vendor_other/.... folder).
• edit your importmap.php file, and add the following :

    '@editorjs/editorjs' => [ 
        'path' => './assets/vendor_other/@editorjs/editorjs/dist/editorjs.mjs', 
    ],

• now, in your javascript file, you can use it like this (as @editorjs/editorjs is now in your importmap)

    import EditorJS from '@editorjs/editorjs';

I hope it temporarily helps, as it's just a solution to make it work, but doesn't solve the problem.

Regards,

PA.