title: Can't compile sass using "npm run watch" - Laravel
body: <p>Ok. I'm taking a course on Laravel through udemy, and all the styling is done in sass. I followed the same steps as the instructor but I'm getting errors whereas his worked fine. Can someone please help. I'm on windows and he is on MAC</p>
  
  <p>I installed Laravel using composer, then migrated my database tables.</p>
  
  <p>The next thing we had to do was install node and stuff using</p>
  
  <blockquote>
    <p>npm install</p>
  </blockquote>
  
  <p>Here is where the problems lay. I did not get a node modules folder, whereas he did. To get a node modules folder I needed to run </p>
  
  <blockquote>
    <p>npm install node-laravel
    But the folders contained different contents.</p>
  </blockquote>
  
  <p>After i added sass folders into laravel, and to compile them he ran</p>
  
  <blockquote>
    <p>npm run watch</p>
  </blockquote>
  
  <p>SASS compiled perfectly for him, whereas I got this error</p>
  
  <pre><code>    &gt; @ watch C:\Users\andre\Dropbox\Code\Personal\CodingPhase\PHP-7\DesignSt
  orm
  &gt; cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --wa
  tch --progress --hide-modules --config=node_modules/laravel-mix/setup/web
  pack.config.js
  
  The system cannot find the path specified.
  events.js:183
        throw er; // Unhandled 'error' event
        ^
  
  Error: spawn node_modules\webpack\bin\webpack.js ENOENT
  
      at notFoundError (C:\Users\andre\AppData\Roaming\npm\node_modules\cro
  ss-env\node_modules\cross-spawn\lib\enoent.js:11:11)
      at verifyENOENT (C:\Users\andre\AppData\Roaming\npm\node_modules\cros
  s-env\node_modules\cross-spawn\lib\enoent.js:46:16)
      at ChildProcess.cp.emit (C:\Users\andre\AppData\Roaming\npm\node_modu
  les\cross-env\node_modules\cross-spawn\lib\enoent.js:33:19)
      at Process.ChildProcess._handle.onexit (internal/child_process.js:198
  :12)
  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! @ watch: `cross-env NODE_ENV=development node_modules/webpack/bi
  n/webpack.js --watch --progress --hide-modules --config=node_modules/lara
  vel-mix/setup/webpack.config.js`
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the @ watch script.
  npm ERR! This is probably not a problem with npm. There is likely additio
  nal logging output above.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     C:\Users\andre\AppData\Roaming\npm-cache\_logs\2018-01-27T20
  _14_57_489Z-debug.log
  </code></pre>
  
  <p>EDIT</p>
  
  <p>This is the package.json</p>
  
  <pre><code>{
  
    "private": true,
    "scripts": {
      "dev": "npm run development",
      "development": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
      "watch": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
      "watch-poll": "npm run watch -- --watch-poll",
      "hot": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
      "prod": "npm run production",
      "production": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
      "axios": "^0.15.3",
      "bootstrap-sass": "^3.3.7",
      "cross-env": "^3.2.3",
      "jquery": "^3.1.1",
      "laravel-mix": "0.*",
      "lodash": "^4.17.4",
      "vue": "^2.1.10"
    },
    "dependencies": {
      "nodejs": "0.0.0"
    }
  }
  </code></pre>