Не удалось установить индексированное свойство для CSSStyleDeclaration: установщик свойства индекса не поддерживается

Question

Я получаю вышеуказанную ошибку в своем реактивном проекте при обновлении версии Chrome до 74 (последняя версия).

Answer 1

Я работаю с библиотеками Angular, и некоторые из них сейчас не поддерживают встроенные стили (для меня это был ngx-avatar и он не работал в Firefox и chrome: 74)

до:

<ngx-avatar style="border-radius="50%"></ngx-avatar>

после:

<ngx-avatar [style.border-radius]="'50%'"></ngx-avatar>

Я думаю, вы можете попробовать то же самое для React.

Answer 2

Основная причина этой проблемы описана здесь .По сути, это происходит, когда вы передаете style свойство некоторого элемента как string или array.Как style="string" или style={[array]}.Это может показаться неуместным (я не думаю, что кто-то намеренно пытался отправить string или Array в style свойство), но в моем случае это было основной причиной.

Чтобы найти ошибку, я рекомендую тщательно исследовать ваш код с помощью отладчика в Chrome или другом браузере.

Ниже приведен пример моей ошибки

Я ошибочно установил styles.radioButton (который используется в качестве значения для свойства style для некоторого элемента), используя оператор распространения ...spacing.xxSmall, но spacing.xxSmall - это просто строка и распределяется в массив с символами какчлены массива.Ранее свойства с индексами (0, 1, 2, ...), равными style, игнорировались, но теперь сайт разрушается.