Importieren eines CSS -Stylesheetes in ein Webcomponent mit Shadow Dom in Firefox ⇐ CSS

[Anonymous]

Ich verwende Firefox 141.0.3. MyWebComponent: part ()

In diesem Fall möchte ich tatsächlich ein ganzes Stylesheet importieren (und ich möchte das Stylesheet-Inline in meiner .js . PrettyPrint-Override ">

Code: Select all

import myStyles from '/styles/my-styles.css' with {type: 'css'}
< /code>
Firefox sagt mir, dass es nicht (derzeit) Behauptungen unterstützt: < /p>

SyntaxError: Import-Behauptungen werden derzeit nicht unterstützt < /p>
< /blockquote>
import myStyles from '/styles/my-styles.css'

Firefox sagt mir, dass der MIME-Typ nicht zulässt:

Lademodul aus "/styles/my-styles /> const myStyles = new CSSStyleSheet();
myStyles.replace(`@import url('/styles/my-styles.css')`);
< /code>
Firefox sagt mir: < /p>

@import -Regeln sind in konstruierten Stylesheets noch nicht gültig.>