browserExtension：为什么我无法将后台脚本中生成的密钥导出到内容脚本中？

Question

我正在研究浏览器扩展和网络加密 API。

当导出从后台脚本发送到浏览器扩展的内容脚本的密钥时，出现错误Argument 2 does not Implement Interface CryptoKey。

我的假设是，这与 CryptoKey 无法使用非结构化克隆算法序列化或 CryptoKey 出于安全原因无法序列化有关，这是正确的吗？

无论如何，我可以将密钥保留在后台脚本中，所以我已经找到了问题的解决方案。不过，调试起来非常痛苦，所以我至少想知道失败的原因..

content-script.js：

window.addEventListener('click', async function() {
  console.log("start content script");
  let key = await browser.runtime.sendMessage({
    name: "AES-GCM",
  });
  console.log("key", JSON.stringify(Array.from(new Uint8Array(await crypto.subtle.exportKey('raw', key)))))
  console.log("key loaded");
})

console.log("content script loaded");

background-script.js：

console.log("background script started");
async function generateKey() { 
  console.log("generate key");
  let keySecret = crypto.getRandomValues(new Uint8Array(32));
  return await crypto.subtle.importKey(
    "raw",
    keySecret,
    "AES-GCM",
    true,
    ["encrypt"]
  );
}

function handler(message, sender, sendResponse) {
  return generateKey();
}

browser.runtime.onMessage.addListener(handler);