tailwind でモーダルが動かない

前提

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};