Laravel mix/webpack not registering changes on watch

Hello,

Since Laravel 5.4 changed gulpfile.js to webpack.mix.js compiling assets to the public folder has been buggy for me. I have the unchanged, basic webpack.mis.js file from the Laravel 5.4, but two things concern me:

1. PHPStorm registers a syntax error when I open this file. Why is this? I haven't changed it since the fresh L5.4 install. (have a look here: http://i68.tinypic.com/2rdc00w.jpg)

2. When I run npm run watch in CLI terminal it registers that the files are changed, but when I refresh my webpage I don't see any changes. Even when I stop my watcher and run npm run dev the changes do not correspond to what I see in my browser. When I inspect elements, I see lines of code that I deleted (so like the changes has not been updated from my assets to the public folder).

Also I have tried new browsers and clearing cache. I seems that changes to the assets sometimes take 5 minutes (and about 20 to 30 page refreshes) to actually take place. I don't know what the problem is here, but it annoys me.

Also this does not happen 100% of the time. When after a few minutes and tries the webpack changes are pushed to my public folder and seen in the browser the whole thing works for up to a few hours sometimes. Then out of nowhere it starts acting up again and buggs out for a solid 5 to 10 minutes..

I find it hard to explain the problem short and clearly because I can't see the logic in it.

Thanks in advance.