Thank you!

Can someone explain why the above gist works but the one below does not for me?

import { defineConfig } from 'vite'

export default defineConfig({
	server: {
		headers: {
			'Cross-Origin-Embedder-Policy': 'require-corp',
			'Cross-Origin-Opener-Policy': 'same-origin'
		}
	},
}

Can someone explain why the above gist works but the one below does not for me?

import { defineConfig } from 'vite'

export default defineConfig({
	server: {
		headers: {
			'Cross-Origin-Embedder-Policy': 'require-corp',
			'Cross-Origin-Opener-Policy': 'same-origin'
		}
	},
}

The following works correctly, tested on 5.4.0+, additional settings so you can inspect the output.

import { defineConfig } from 'vite';

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    minify: false,
    assetsInlineLimit: 0,
    target: ['es2022']
  },
  server: {
    headers: {
      'Cross-Origin-Embedder-Policy': 'require-corp',
      'Cross-Origin-Opener-Policy': 'same-origin'
    }
  }
});

You can test with the crossOriginIsolated global using following in your js.

if (crossOriginIsolated) {
  console.log(`crossOriginIsolated`);
} else {
  console.log(`not crossOriginIsolated`);
}