应用错误收集

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

时间：2019-05-12 19:01:11

标签： reactjs webpack google-chrome-extension next.js

如何内嵌`Yes, Edit`中的`_next/*`文件？

如何将`out/index.html`中的`_next/`目录列入白名单？

我遵循了exporting a static app的说明，并使用了一个简单的清单。

manifest.json

** 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"
  }
}

yarn build && yarn export
在/E1-static-export中加载解压后的扩展名
右键单击浏览器图标检查弹出窗口

Filed an issue，因为我花了大约5个小时的时间进行研究！

谢谢

1 个答案:

答案 0 :(得分：0)

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

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

无需进行"web_accessible_resources"或"content_security_policy"的更改。