如何导出 Next.js 静态应用程序以在 Chrome 扩展程序中使用？

Question

如何在out/index.html内联_next/*文件？

如何将manifest.json _next/目录列入白名单？

---

我按照导出静态应用程序的说明进行操作，并使用了一个简单的清单。

** manifest.json **
{
  "manifest_version": 2,
  "name": "E1-static-export",
  "version": "0.1",
  "description": "Demo static export with inline / CSP hashes",
  "browser_action": {
    "default_popup": "out/index.html"
  }
}

1. yarn build && yarn export from /E1-static-export
2. 在chrome://extensions加载解压的chrome://extensions
3. 右键单击浏览器图标检查弹出窗口

提交了一个问题，因为我花了大约 5 个小时进行研究！

谢谢

Answer 1

TLDR； 我正在寻找一个更好的解决方案，但我发现Chrome浏览器在目录路径中未使用下划线。

我的错误无关，与CSP了，我只是不得不重新命名_next到Znext和该目录中的重命名所有出现。 在完成静态导出教程之后，我最终获得了一个可导航的“ default_popup”选项板，该面板具有完美的客户端路由和所需的软件包（加密）。

无需更改"web_accessible_resources"或"content_security_policy" 。

Answer 2

这是我发现可能有用的一篇文章