Uncaught SyntaxError: Cannot use import statement outside a module (at remoteEntry.js:1:1)

[ivankorobchuk123]

I have a paths error.

Uncaught SyntaxError: Cannot use import statement outside a module (at remoteEntry.js:1:1)

[flyfishzy]

Try to add type="module" to the script. For example:

<script type="module" src="/src/main.js"></script>

[js-lowes]

Doesn't work for me. I am experiencing the same problem.

The host in my case is a Webpack and the remote is using Vite.

[ivankorobchuk123]

Didn't find a solution. Changed Vite to Webpack

[adirzoari]

@js-lowes @ivankorobchuk123 did you find a solution?

[ivankorobchuk123]

Sorry, no)

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Sorry, no)

[js-lowes]

@js-lowes @ivankorobchuk123 did you find a solution?

Unfortunately not, but I have tried vite plugin federation in awhile. Best of luck.

[mjangir]

This is pretty straightforward. Your remoteEntry.js from Vite is having import statements which are not allowed in browser unless the script tag has type="module" attribute. Just set the type module on the script tag and it will work fine.

Something like <script type="module" src="http://localhost:3000/assets/remoteEntry.js" />

[adirzoari]

@mjangir can you check my similar issue here? #576

[Lau08]

Is there an update on this issue? I have also his problem

[iskandar17]

This is pretty straightforward. Your remoteEntry.js from Vite is having import statements which are not allowed in browser unless the script tag has type="module" attribute. Just set the type module on the script tag and it will work fine.

Something like <script type="module" src="http://localhost:3000/assets/remoteEntry.js" />

In configurations of the host when using registerRemotes type should be module .