コンポーネントの CSS ファイルの 1 つにネストされた CSS があります。 「ngserve」を実行すると CSS が機能せず、次のエラーが表示されます:
(11:5) ネストされた CSS が検出されましたが、CSS のネストが正しく構成されていません。構成内で Tailwind の「前」に CSS ネストされたプラグインを有効にしてください。ここを参照してください: https://tailwindcss.com/docs/using-with-preprocessors#nesting
これは、Angular CLI 14 を使用して作成された新しいプロジェクトであり、https://tailwindcss.com/docs/guides/angular
の手順に従って tailwind がインストールされています。エラーで提供されたリンクで指定されているように、postcss.config.js ファイルをプロジェクトに追加しようとしましたが、何も起こっていないようです:
ああああ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
SCSS で tailwind を使用しているときに同じ問題を抱えている人のために、
@インポート URL('./styles/utility.scss');styles.scssファイルから次のインポートを削除することで問題を解決しました。url
CSS をインポートするときに SCSS で指定された @use 構文を使用することで解決しました。は CSS 固有の構文であるため、tailwind (正確には postcss) は括弧内のファイルが常に CSS ファイルになると考えていると思います。したがって、ネストが発生すると、エラーがスローされます。https://sass-lang.com/documentation/at-rules/use/