javascript - Laravel npm run watch not compile in runtime scss and js - Stack Overflow

admin管理员组

文章数量:1415654

Hi I have issue with new laravel project. I know it should be autopile scss and js after mand npm run watch. But it not recognized any changes and i don t know why.

My webpack.mix.js looks like this:

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 piling 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');

For piling a changes i have to put every time npm run watch. Please if you know why let me know.

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

But this never changed in runtime....

Hi I have issue with new laravel project. I know it should be autopile scss and js after mand npm run watch. But it not recognized any changes and i don t know why.

My webpack.mix.js looks like this:

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 piling 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');

For piling a changes i have to put every time npm run watch. Please if you know why let me know.

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

But this never changed in runtime....

• javascript
• php
• node.js
• laravel
• sass

Share Improve this question Follow edited Jul 14, 2020 at 8:00 Young L. asked Jul 14, 2020 at 7:51 Young L.Young L. 1,04244 gold badges1919 silver badges3737 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

first run

npm run dev

then run

npm run watch

Try npm run watch-poll. Watch mand don't always work. So watch-poll checks for file changes manually every few milliseconds.

I tried the following steps to clean the public folder and it solved the issue for me.

Delete the following files from the public folder:

• mix-manifest.json
• All files inside the js folder
• Any file named in numeric, ex: 123.js

Then run the following mands:

• npm run dev
• npm run watch

Oh I run npm run watch on homestead server... When i try it in local enviroment it works fine. This is solution

In my case, the npm upgrade solved the issue.

本文标签： javascriptLaravel npm run watch not compile in runtime scss and jsStack Overflow