Importieren eines CSS -Stylesheetes in ein Webcomponent mit Shadow Dom in Firefox
Posted: 24 Aug 2025, 02:10
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 ">
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.>
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'
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.>