Компоненты Styled с ссылкой npm приводят к ошибке: «Попытка вставить новый тег стиля, но данный узел отключен»

Question

Я создал свой собственный пакет npm (созданный с помощью nwb), в котором я использую styled-компоненты.В моем потребляющем приложении я также использую styled-компоненты.

Проблема в том. Все отлично работает при установке моего пакета npm через npm install.Однако при использовании npm link появляется следующее сообщение об ошибке при входе в какой-либо другой маршрут реагирующего маршрутизатора:

Error: Trying to insert a new style tag, but the given Node is unmounted!

* Are you using a custom target that isn't mounted?
* Does your document not have a valid head element?
* Have you accidentally removed a style tag manually?

В моем пакете npm я установил styled-components как зависимость от равноправного узла и как devDependency, как указано ниже.:

...
"peerDependencies": {
  "react": "16.x",
  "styled-components": "^3.4.4"
},
"devDependencies": {
  "karma-junit-reporter": "^1.2.0",
  "nwb": "0.23.x",
  "react": "^16.4.2",
  "react-dom": "^16.4.2",
  "styled-components": "^3.4.4"
},
...

Почему стилевые компоненты не работают при использовании npm link?

Answer 1

Я думаю, что это происходит, потому что у вас установлено два экземпляра styled-components.

Поэтому удалите styled-components как devDependency в package.json и попробуйте использовать $ npm link или, если вы используете npm> 5.1.0, попробуйте использовать npm link --only=production, что исключит установку зависимостей dev.

Примечание: пожалуйста, удалите node_modules перед запуском $ npm link