Slice Simulator CORS error (Nuxt 3)

Developing with Prismic
,
1

Hi!

I can't use the simulator because of some error while loading the frame.
It's a simple Nuxt3 (3.6.0) website, latest SliceMachine UI (1.8.0) working properly, also latest adapter-nuxt (0.3.10). Node.js v20.4.0, on macOS 12.6.7.

npm run dev running in a task, start-slicemachine in other.

Then I click in Simulate button inside a Slice, the simulator page loads successful but the content frame keeps loading until timeout. In the console I can see the following error:

[nuxt] error caught during app initialization DOMException: Blocked a frame with origin "http://localhost:3000" from accessing a cross-origin frame.
    at http://localhost:3000/_nuxt/node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.client.mjs?v=e2b8b243:5:56
2

I've posted a temporarily solution in the GitHub issue:

1 Like