UI of importmap overrides

[Ming-Coder-98]

Hi,

This is my code for my index.ejs file.

<title>Single-Spa Project</title> <script type="systemjs-importmap"> { "imports": { "single-spa": "/local-libs/single-spa/lib/system/single-spa.min.js", "react": "/local-libs/react/umd/react.production.min.js", "react-dom":"/local-libs/react-dom/umd/react-dom.production.min.js", "@tea/root-config": "/tea-root-config.js", "@tea/mainpage": "//localhost:8081/index.js", "@tea/appbar": "//localhost:8080/index.js" } } </script> <script src="/local-libs/import-map-overrides/files/import-map-overrides.js"></script> <script src="/local-libs/systemjs/files/system.min.js"></script> <script src="/local-libs/systemjs/files/extras/amd.min.js"></script> <script> System.import('@tea/root-config'); </script>

After enabling the localstorage to set the devtools to true, i cant see the ui for the import-map-overrides. When i refresh the page, i could see it appear for a millisecond before my mfe renders. If i were to remove my script tag that consist of system.import, the ui will appear. Am i doing anything wrong? Is there a sample configuration page for the index.ejs file implemented with the import-map-overrides that i can refer to? or could somone advise me on the potential reason?

thanks!!