Laravelにvue3の導入中「[webpack-cli] ReferenceError: mix is not defined」エラーが表示

Question

前提

Laravel8でVue 3を使う
上記を参考にLaravelアプリにvue3を導入しようとすると、タイトルのエラーが発生しました。
発生時はwebpack.mix.jsを下記に書き換えnpm install && npm run devコマンドを叩いた時です。このエラーを解決したいです

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
    ]).vue()

発生している問題・エラーメッセージ

[webpack-cli] ReferenceError: mix is not defined
    at Object.<anonymous> (/Users/tokugawa/Desktop/genders3/webpack.mix.js:1:1)
    at Module._compile (node:internal/modules/cjs/loader:1097:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1151:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at module.exports (/Users/tokugawa/Desktop/genders3/node_modules/laravel-mix/setup/webpack.config.js:3:5)
    at loadConfigByPath (/Users/tokugawa/Desktop/genders3/node_modules/webpack-cli/lib/webpack-cli.js:1747:27)
    at async Promise.all (index 0)

試したこと

「[webpack-cli] ReferenceError: mix is not defined」で検索

補足情報（FW/ツールのバージョンなど）

Laravel Framework 9.5.1

Answer 1

laravel-mixをrequireしたら解決しました

const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css').vue();