Laravelでnpm run devを行った際に「[webpack-cli] configuration ... has an unknown property 'type'」というエラーが出る

前提・実現したいこと

amazon linux上でLaravelプロジェクトを正常に起動させたいです。
sass loaderのバージョンによるビルドエラーを解消した後に、「npm run dev」を行うと、このエラーが出ています。

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

[webpack-cli] Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.optimization.splitChunks.cacheGroups['styles-public/css/app'] has an unknown property 'type'. These properties are valid:
   object { automaticNameDelimiter?, automaticNameMaxLength?, automaticNamePrefix?, chunks?, enforce?, enforceSizeThreshold?, filename?, maxAsyncRequests?, maxInitialRequests?, maxSize?, minChunks?, minSize?, name?, priority?, reuseExistingChunk?, test? }
 - configuration.output.chunkFilename should be a string.
   -> The filename of non-entry chunks as relative path inside the `output.path` directory.
 - configuration.stats has an unknown property 'preset'. These properties are valid:
   object { all?, assets?, assetsSort?, builtAt?, cached?, cachedAssets?, children?, chunkGroups?, chunkModules?, chunkOrigins?, chunks?, chunksSort?, colors?, context?, depth?, entrypoints?, env?, errorDetails?, errors?, exclude?, excludeAssets?, excludeModules?, hash?, logging?, loggingDebug?, loggingTrace?, maxModules?, moduleAssets?, moduleTrace?, modules?, modulesSort?, nestedModules?, optimizationBailout?, outputPath?, performance?, providedExports?, publicPath?, reasons?, source?, timings?, usedExports?, version?, warnings?, warningsFilter? }

該当のソースコード

webpack.mix.jsの内容は以下。

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

試したこと

・プロジェクトを削除し、再度git clone
・npm audit fix
・npm install --save-dev sass-loader@7.1.0
・npm install --save-dev sass-loader@7.2.0
・npm install --save-dev css-loader
・webpackのインストール