Как экспортировать статическое приложение Next.js для использования в расширении Chrome?

Question

Как я могу встроить _next/* файлы в out/index.html?

Как мне внести белый список в каталог _next/ в 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"
  }
}

1. yarn build && yarn export от /E1-static-export
2. загрузить распакованное расширение в chrome://extensions
3. щелкните правой кнопкой мыши значок браузера Inspect Popup

Подана проблема , потому что я потратил ~ 5 часов на исследования!

Спасибо

Answer 1

TLDR;Я работаю над лучшим решением, но обнаружил, что Chrome не следует подчеркиваниям в пути к каталогу.

Моя ошибка не имеет ничего общего с CSP, мне просто пришлось переименовать _next в Znext и переименуйте все вхождения в этом каталоге.Следуя учебнику по статическому экспорту, я получил навигационную палитру default_popup с безупречной маршрутизацией на стороне клиента и требуемым пакетом (crypto).

Нет необходимости в "web_accessible_resources" или "content_security_policy" изменениях.