Can we use JavaScript modules in CEP UI?

Question

Hi,

we're building a CEP-based UI for Adobe Illustrator 2023. Our panel's HTML code contains a script tag as follows:

<script type="module" crossorigin src="./index.js"></script>

The page fails to load in the Illustrator panel because the engine complains that the index.js file is returned with MIME type "" while the specification requires "text/javascript" for JavaScript files loaded as type="module". If the files are served locally (not sure yet), CORS errors might also appear according to the previously linked MDN page.

Is there a way how to use JavaScript modules in CEP UI? Or do we need to find a way how to compile the source as a non-module JavaScript? Thanks.

Manan Joshi · Accepted Answer

Seems this is something that html specification does not permit(i.e.loading modules from a file url which). See the following discussion that looks to be similiar to your issue. It has a suggestion as well which you can try

https://community.adobe.com/t5/illustrator-discussions/converting-es6-modules-for-use-in-cep-html-panel/td-p/12010317

-Manan

Emre243313950j9b · Answer

Were you able to find a work around for this? I am not able to use Firebase kind of back end libraries on the plugin I am developing. I need to import modules but CEP gets them as plain files so same error. Do I need to just serve everything on a server?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded