Импорт таблицы стилей CSS в веб -компонент с Shadow Dom в Firefox ⇐ Javascript

[Anonymous]

I am using Firefox 141.0.3.
I know there are several ways to have individual CSS properties pierce the Shadow DOM:

• inheritable CSS Properties
• CSS Custom Properties
• use part and MyWebComponent: part ()

В этом случае я действительно хочу импортировать целую таблицу стилей (и я не хочу писать в моем.

Код: Выделить всё

import myStyles from '/styles/my-styles.css' with {type: 'css'}
< /code>
Firefox говорит мне, что он не (в настоящее время) подтверждает: < /p>

uncaught syntaxError: импортные утверждения в настоящее время не поддерживаются < /p>
< /blockquote>
.import myStyles from '/styles/my-styles.css'

Firefox говорит мне, что он не допускает типа MIME:

Модуль загрузки из «/styles/my-myles.css» был заблокирован из-за запрещенного типа MIME («Text/css»)

perise: prese:

preake: preme imepect e («text/css») /> const myStyles = new CSSStyleSheet(); */
myStyles.replace(`@import url('/styles/my-styles.css')`);
< /code>
Firefox рассказывает мне: < /p>

@import Правила еще не действительны в строительных таблицах стилей.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... in-firefox