問題タブ [tailwind-in-js]

I want to apply a linear gradient to my background image. on tailwind config file I wrote a custom rule like this:

It works. but when I try to apply a linear gradient it didn't woork.

For applying linear-gradient, what I have tried is this:

But it didn't work.

php artisan ui tailwindcss --authコマンドで Tailwind UI Auth をインストールしてみました。CSS Scaffolding と CSS auth Scaffolding の両方が正常にインストールされ、コマンドを実行しnpm install && npm run devて新しい scaffolding をコンパイルしました。NPM のインストールは行われましたが、コマンドの開発プロセスでアプリが正しくコンパイルされませんでした。エラーログは次のとおりです。

このエラーを克服するにはどうすればよいですか? ノードを最新バージョン（v16.1.0）に更新してもエラーを修正できませんでした...

Tailwindscss を使用して、list-disc クラスを使用して箇条書きのスタイルを設定するにはどうすればよいですか?

私のpackage.jsonには以下が含まれます：

<ul class="list-disc">/typography プラグインを使用した場合と使用しない場合の両方を使用しclass="prose"てみましたが、見た目は異なりますが、どちらも期待どおりではなく、Firefox と Chrome は同じように見えます。

コンテナーがない場合 (リスト 1) class="prose"、箇条書きは完全にスタイル設定されておらず、インデントもなく、ブラウザーの既定の箇条書きが表示されます。

class="prose"コンテナー (リスト 2) を使用すると、ぶら下げインデントと明るい箇条書きが作成されますが、ブラウザーの既定の箇条書き (二重箇条書き記号) も含まれます。

そのビューを作成するための HTML は次のとおりです。

私は Tailwindcss にかなり慣れていないので、デフォルトの箇条書きを「リセット」する親要素を見落としている可能性がありますか?

考えられる原因: 原因はm-4コンテナー div のクラスです。マージンを追加すると、画面外にぶら下がっているブラウザーの既定の箇条書きが表示されます。

ここにコードがあります:)

画像をレスポンシブにしたい。画面サイズを縮小すると、画像も縮小しますが、画像とコンテナ全体を画面サイズに合わせて縮小したいです。

誰でも私を助けてください。私はtailwind cssが初めてです。

ありがとうございました：）