Q&A
前提
laravel8の環境にtailwindをインストールして管理画面の実装をしていたのですが、cssは問題なく効いており、反映されるのですが、
modalが公式のコンポーネントをそのままコピーしても反映がされなくお教えいただきたいです。
※jsの部分だけ何故か反映されなく。。。
実現したいこと
モーダルの動作その他jsで動かしている部分が反映できればと思います。
設定関係
webpack
1mix.js('resources/js/app.js', 'public/js') 2 .sass('resources/scss/app.scss', 'public/css') 3 .options({ // 以下追加行 4 processCssUrls: false, 5 postCss: [ tailwindcss('./tailwind.config.js') ], //webpack.jsからみた相対パス 6 }); 7
layout/app.blade.php
1<link rel="stylesheet" href="{{ mix('css/app.css') }}"> 2<script src="{{ mix('js/app.js') }}" defer></script> 3
tailwind.config.js
1const defaultTheme = require('tailwindcss/defaultTheme'); 2 3/** @type {import('tailwindcss').Config} */ 4module.exports = { 5 mode: 'jit', 6 content: [ 7 './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php', 8 './storage/framework/views/*.php', 9 './resources/views/**/*.blade.php', 10 './resources/views/*.blade.php', 11 ], 12 13 theme: { 14 extend: { 15 fontFamily: { 16 sans: ['Nunito', ...defaultTheme.fontFamily.sans], 17 }, 18 }, 19 }, 20 21 plugins: [require('@tailwindcss/forms')], 22};
試したこと
キャッシュなどを削除してnpm run dev と watchを何度か試しましたが、ダメでした。。。
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。