Laravel npm 運行觀察未在運行時 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 運行手表時進行。 請如果你知道為什么讓我知道。

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 運行手表......當我在本地環境中嘗試它時，它工作正常。 這是解決方案

Answer 3

我嘗試了以下步驟來清理公用文件夾，它為我解決了這個問題。

從公用文件夾中刪除以下文件：

• 混合清單.json
• js文件夾內的所有文件
• 任何以數字命名的文件，例如：123.js

然后運行以下命令：

• npm 運行開發
• npm跑表

Answer 4

嘗試npm run watch-poll 。 監視命令並不總是有效。 因此， watch-poll每隔幾毫秒手動檢查一次文件更改。

Answer 5

就我而言， npm upgrade解決了這個問題。