help: Unable to Use Nuxt DevTools When Enabling Cross-Origin Isolation for Web Containers

[Speelwolf]

📚 What are you trying to do?

I'm trying to configure COOP/COEP headers in my Nuxt application to enable working with web containers. Specifically, I need to set the following headers:

• Cross-Origin-Embedder-Policy: require-corp
• Cross-Origin-Opener-Policy: same-origin

🔍 What have you tried?

• I tried setting the headers in server/middleware/web-container-headers.ts :

• I also tried using Nuxt Security

ℹ️ Additional context

I'm unable to use Nuxt devtools. Specifically, I encountered the following error in the console:

[tillsanders]

I'm not sure, but are these links any help? I had a somewhat similar issue and they solved mine:

• https://nuxt-security.vercel.app/documentation/getting-started/setup#using-with-nuxt-devtools
• https://github.com/Baroshem/nuxt-security/issues/101#issuecomment-1434588875

[Speelwolf]

The COOP/COEP headers are needed even in development because WebContainer requires SharedArrayBuffer.