Расширение Chrome с webpack style-loader не может найти цель стиля - PullRequest
Новая
       52

Расширение Chrome с webpack style-loader не может найти цель стиля

0 голосов
/ 10 ноября 2018

Расширение chrome, над которым я работал, работает нормально на firefox, но всякий раз, когда я пытаюсь запустить его на chrome, webpack style-loader выдает эту ошибку:

Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.

После удаления импорта css расширение запустится, но мне нужно css для расширения.

1 Ответ

0 голосов
/ 10 ноября 2018

По какой-то причине, если вы укажете в своем манифесте, что ваше расширение должно работать с document_start: 

"content_scripts": [
    {
      "run_at": "document_start",
      "matches": // ...
      "js": // ...
    }
  ],

В Firefox он будет запущен после создания <head>, поэтому style-loader успешно внедрит стили. Но, согласно документации Chrome , document_start будет внедряться " до того, как будет создан любой другой DOM или любой другой скрипт. "

Так что я думаю, что style-loader не удалось внедрить CSS в <head> в Chrome, потому что при запуске документа он еще не был создан.

TL; DR: изменить "document_start" на "document_idle": 

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://*.nytimes.com/*"],
      "run_at": "document_idle",
      "js": ["contentScript.js"]
    }
  ],
  ...
}
...