Laravel npm run watch 无法在运行时 scss 和 js 中编译

Question

您好，我对新的 Laravel 项目有疑问。我知道在命令 npm run watch 之后应该自动编译 scss 和 js 。但它没有识别出任何变化，我不知道为什么。

我的 webpack.mix.js 看起来像这样：

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

/*

 |--------------------------------------------------------------------------

 | Mix Asset Management

 |--------------------------------------------------------------------------

 |

 | Mix provides a clean, fluent API for defining some Webpack build steps

 | for your Laravel application. By default, we are compiling the Sass

 | file for the application as well as bundling up all the JS files.

 |

 */

mix.js('resources/js/app.js', 'public/js')

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

为了编译更改，我必须每次 npm run watch 。如果您知道为什么请告诉我。

Log from console:

 DONE  Compiled successfully in 8794ms                                7:57:59 AM

       Asset      Size   Chunks             Chunk Names

/css/app.css   179 KiB  /js/app  [emitted]  /js/app

  /js/app.js  1.66 MiB  /js/app  [emitted]  /js/app

但这在运行时从未改变......

Answer 1

第一次运行npm run dev然后运行npm run watch

Answer 2

尝试一下npm run watch-poll。监视命令并不总是有效。因此watch-poll每隔几毫秒手动检查一次文件更改。

Answer 3

我尝试了以下步骤来清理公用文件夹，它解决了我的问题。从公用文件夹中删除以下文件：mix-manifest.jsonjs文件夹内的所有文件任何以数字命名的文件，例如：123.js然后运行以下命令：npm 运行开发npm 运行手表

Answer 4

哦，我在 homestead 服务器上运行 npm run watch...当我在本地环境中尝试它时，它工作正常。这是解决方案

Answer 5

就我而言，npm upgrade解决了问题。