Pyodide运行报SharedArrayBuffer未定义错误，求解决方案及替代实现

SharedArrayBuffer 被现代浏览器限制启用，必须满足**跨域隔离（Cross-Origin Isolation）**条件才能使用，该问题和站点有没有安全证书无关：localhost属于浏览器默认认可的安全上下文，即使是HTTP协议也满足启用SharedArrayBuffer的安全基础要求，唯一缺的是两个跨域隔离相关的响应头：

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

只要本地开发服务器没有返回这两个头，不管是Edge还是Firefox都会直接禁用SharedArrayBuffer，抛出ReferenceError报错。你之前项目运行正常现在报错，大概率是浏览器自动更新到了对该限制执行更严格的版本，或是你修改了开发服务器配置弄丢了这两个头的配置。

不需要修改你现有的SharedArrayBuffer相关逻辑，只要给本地开发服务器加上上述两个响应头即可，不同开发服务器的配置方式如下：

• 若使用Vite：在vite.config.js中添加server配置

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

• 若使用Webpack DevServer：在webpack.config.js的devServer配置中添加headers

module.exports = {
  devServer: {
    headers: {
      'Cross-Origin-Opener-Policy': 'same-origin',
      'Cross-Origin-Embedder-Policy': 'require-corp'
    }
  }
}

• 若使用静态文件服务serve：直接使用参数启动即可：npx serve --cors --coop --coep

配置完成后重启开发服务器，原有代码即可正常运行。

如果你项目引入了大量第三方跨域资源，添加上述头后导致资源加载失败，可以把SharedArrayBuffer逻辑替换为postMessage配合Promise实现同等功能：

// 原同步readline改为异步方法
readline: async () => {
  return new Promise(resolve => {
    // 监听输入结果事件
    const messageHandler = (e) => {
      if (e.data.type === 'STDIN_RESULT') {
        window.removeEventListener('message', messageHandler)
        resolve(e.data.content + '\n')
      }
    }
    window.addEventListener('message', messageHandler)
    // 发起输入请求
    send('STDIN_REQUEST', null)
  })
},

对应Worker侧收到用户输入内容后，直接通过postMessage发送type为STDIN_RESULT的事件即可。该方案完全不依赖SharedArrayBuffer，也不需要配置跨域隔离头，唯一改动是原调用readline的位置需要改为await调用，或通过.then处理返回值。

内容的提问来源于stack exchange，提问作者Youssef Ehab