Ich habe verschachteltes CSS in einer der CSS-Dateien meiner Komponente. Wenn ich ?ngserve“ ausführe, funktioniert das CSS nicht und ich erhalte diese Fehlermeldung:
(11:5) 檢測到嵌套 CSS,但 CSS 嵌套尚未正確配置。請在您的配置中 *before* Tailwind 啟用 CSS 嵌套插件。請參閱此處:https://tailwindcss.com/docs/using-with-preprocessors#nesting
Dies ist ein neues Projekt, das mit Angular CLI 14 erstellt wurde und bei dem Tailwind gem?? den Anweisungen hier installiert wurde: https://tailwindcss.com/docs/guides/angular
Ich habe versucht, die Datei postcss.config.js zu meinem Projekt hinzuzufügen, wie im Link im Fehler angegeben, aber es scheint nichts zu passieren:
module.exports = { plugins: { 'postcss-import': {}, 'tailwindcss/nesting': {}, tailwindcss: {}, autoprefixer: {}, } }
對于在 SCSS 中使用 tailwind 時遇到相同問題的任何人,我通過從 styles.scss
文件中刪除以下導入解決了該問題:
@import url('./styles/utility.scss');
由于 url
是 CSS 特定語法,我的猜測是 tailwind (或者準確地說是 postcss)認為括號內(nèi)的文件將始終是 CSS 文件。因此,一旦遇到嵌套,就會拋出該錯誤。
通過使用SCSS在導入CSS時規(guī)定的@use語法來解決: https://sass-lang.com/documentation/at-rules/use/