Невозможно редактировать стили в Chrome?

Question

Поскольку я реализовал рендеринг на стороне сервера и управлял стилями с помощью styled-components, я не могу редактировать стили в Chrome Dev Tools.Стили в devtools становятся курсивом, и нет никакого флажка для включения / выключения указанного стиля.

В Mozilla он работает правильно.Но почему не в Chrome?Есть идеи, почему это происходит?Спасибо.

Примечание : это происходит в производстве.

Answer 1

Я думаю, что вы, вероятно, видите стили, введенные через "быстрый режим" в производстве.При этом используется специальный DOM API , который в настоящее время Chrome DevTools отображает только для чтения.Мы еще не добавили аварийный люк для отключения этого метода впрыска, но он считается .

При запуске вашей установки в режиме разработки все должно быть нормально проверяемым и редактируемым.