laravelでSassをコンパイルできない

とくにエラーは見当たらないのですが、scssファイルを作成してもcssファイルが作成されません。

scssファイルを作成した後、npm run devで反映させようとすると以下のようになります。

PS C:\xampp\htdocs\shop_site> npm run dev

> @ dev C:\xampp\htdocs\shop_site
> npm run development


> @ development C:\xampp\htdocs\shop_site
> cross-env SET NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js

これが、package.jsonのscripts内のパスと同一であることは認識しています。

package.jsonのscripts内はこのようになっています。

    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env SET NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env SET NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env SET NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --config=node_modules/laravel-mix/setup/webpack.config.js"
    },

試しにネットで拾った情報をもとにcross-env内のパスを書き換えてみましたが、それはエラーになってしまいました。

nodeもnpmもバージョンが表示されているので、インストールはできているようです。
package-lock.jsonにlaravel-mixの記載もあるので、多分こちらもインストールされているようです。......ずっと前にインストールしたような気がしますが、覚えていません(-_-;)

"laravel-mix": {
            "version": "4.1.4",
            "resolved": "https://registry.npmjs.org/laravel-mix/-/laravel-mix-4.1.4.tgz",
            "integrity": "sha***-*********************************************************************",
            "dev": true,
            "requires": {
                "@babel/core": "^7.2.0",
                "@babel/plugin-proposal-object-rest-spread": "^7.2.0",
                "@babel/plugin-syntax-dynamic-import": "^7.2.0",
                "@babel/plugin-transform-runtime": "^7.2.0",
                "@babel/preset-env": "^7.2.0",
                "@babel/runtime": "^7.2.0",
                "autoprefixer": "^9.4.2",
                "babel-loader": "^8.0.4",
                "babel-merge": "^2.0.1",
                "chokidar": "^2.0.3",
                "clean-css": "^4.1.3",
                "collect.js": "^4.12.8",
                "concatenate": "0.0.2",
                "css-loader": "^1.0.1",
                "dotenv": "^6.2.0",
                "dotenv-expand": "^4.2.0",
                "extract-text-webpack-plugin": "v4.0.0-beta.0",
                "file-loader": "^2.0.0",
                "friendly-errors-webpack-plugin": "^1.6.1",
                "fs-extra": "^7.0.1",
                "glob": "^7.1.2",
                "html-loader": "^0.5.5",
                "imagemin": "^6.0.0",
                "img-loader": "^3.0.0",
                "lodash": "^4.17.15",
                "md5": "^2.2.1",
                "optimize-css-assets-webpack-plugin": "^5.0.1",
                "postcss-loader": "^3.0.0",
                "style-loader": "^0.23.1",
                "terser": "^3.11.0",
                "terser-webpack-plugin": "^1.2.2",
                "vue-loader": "^15.4.2",
                "webpack": "^4.27.1",
                "webpack-cli": "^3.1.2",
                "webpack-dev-server": "^3.1.14",
                "webpack-merge": "^4.1.0",
                "webpack-notifier": "^1.5.1",
                "yargs": "^12.0.5"
            }
        },

コンパイル先の指定です。


mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

//  こちらは試しの後付けになります。
//　作成したファイルがstyle.scssでしたので、直接style.scssとしなければならないのかなと思いました。
mix.sass('resources/sass/style.scss', 'public/css');

しかし resources/sass で作成したファイルは public内でcssとしては反映できてませんでした。