laravel - Laravel Mix を使用したプロダクションの空白ページ

Question

Laravel 8 + Vue.js + InertiaJs を使用してシングル ページ アプリケーション (SPA) を構築しました。開発環境ではすべて正常に動作していますが、本番用にアセットをコンパイルすると、空白のページが表示され、コンソールにエラーは表示されません。すべてのアセットはコード 200 で正しくロードされており、すべて問題ないように見えますが、Vue アプリがマウントされていません!

webpack.mix.js

const mix = require('laravel-mix');
require('laravel-mix-workbox');

mix.webpackConfig({
    output: {
        filename: '[name].js',
        chunkFilename: 'js/[name].js',
    }
}).js('resources/js/app.js', 'public/js')
    .extract(['vue'])
    .version();

画像1

画像2

画像3