問題タブ [tailwind-css]

ユーザーがモーダルの外側をクリックすると、モーダルを自動的に閉じようとしています。ユーザーがモーダル内をクリックしたときにモーダルを開いたままにしたいのですが、いくつかの問題が発生しています(動作しません)。

現在、画面のどこかをクリックすると、モーダルが閉じます。このモーダルは、Tailwind CSS とhttp://jquerymodal.com/で構築されています。

私のモーダルコード:

モーダルを処理するための私のjQuery：

TailwindCSS を含む webpack を使用して Vuejs プロジェクトをセットアップしようとしています。私は、Jerrie のブログ投稿 ( https://www.jerriepelser.com/blog/using-tailwindcss-with-vuejs/ ) と github の Adam の例( https://github.com/adamwathan ) の指示に従っています。 /vue-cli-tailwind-example )。しかし、main.css ファイルのビルドに関しては、問題が発生し続けています。

私の手順:

1.) Vue プロジェクトを作成する -

2.) 次に、NPM インストールを実行します -

Vue プロジェクトをセットアップして、Tailwind を追加しようとしましたが、少し苦労しました。

3.) Tailwind NPM をインストールします -

4.) 次に、設定ファイルを追加します -

これは私が問題を抱えているところです...

5.) CSS ファイルを作成します -

6.) 次に、main.css ファイルを入力し、次を追加します -

ここから、テキスト エディターが「at-rule unknown」というエラーを返すため、.postcssrc.js ファイルの最後の仕上げを更新できません。

フィードバックをいただければ幸いです。

ありがとう
-MB

何があっても、このナビゲーション バーを適切に折りたたむことができません。レスポンシブ モードでナビゲーション バーをフレックスから変更する必要がありますが、現在機能していません。

HTML:

JavaScript コード:

この問題を解決するにはどうすればよいですか?

• バージョン: "^1.0.1"
• OS：Windows7

以下を実行した後（npmスクリプトまたはグローバルpurgecssインストールを介して）

purgecss -c ./purgecss.config.js

私はこれを得る：

エラー: 構成ファイルのロード中にエラーが発生しました モジュール '/D:\userdata\myusername\myapp/purgecss.config.js' が見つかりません

どんな助けでも大歓迎です、ありがとう！

TailwindCSS で構築された静的サイト用に webpack を設定しようとしています。PurgeCSS を使用して css ファイルを作成し、未使用のものを削除しようとしていますが、機能しているとは思いません。エラーなしでコンパイルされますが、css ファイルは 16kb であり、Google 灯台監査では未使用の css があると報告されています。

webpack.config.js

パッケージ.json

どんな助けでも大歓迎です!!