Webpack fails to watch and compile files (solved)

By chance did anyone else have their webpack die recently? I removed my node_modules folder about two hours ago, and when I reran npm install, my webpack no longer works. It won’t spin up a server nor watch any files. I’ve double checked to see if I accidently changed a file, but everything seems fine.
I even downloaded a brand new copy of Sage 9, and it will not spin up a server or watch any files there either.
I’m on macOS Sierra v 10.12.1
Npm v.10.8
Node v6.9.1

1 Like

By the way, here’s the output from my terminal

➜  generations git:(master) npm start

> sage@9.0.0-alpha.3 start /Users/robertaguilera/Development/gcc.com/site/web/app/themes/generations
> npm run build -s -- --watch

clean-webpack-plugin: /Users/robertaguilera/Development/gcc.com/site/web/app/themes/generations/dist has been removed.
 10% building modules 3/3 modules 0 active
Webpack is watching the files…

 11% building modules 16/26 modules 10 active ...pack-hot-middleware/process-update.jsThe react/require-extension rule is deprecated. Please use the import/extensions rule from eslint-plugin-import instead.
Hash: e1c67ecb1d3a961a7362
Version: webpack 2.1.0-beta.22
Time: 4271ms
                      Asset       Size  Chunks             Chunk Names
  images/modern-closeup.jpg    2.23 MB          [emitted]
images/project-kitchen1.jpg    1.39 MB          [emitted]
   images/kitchen-extra.jpg     1.3 MB          [emitted]
    images/kitchen-five.jpg    1.47 MB          [emitted]
    images/kitchen-four.jpg     978 kB          [emitted]
     images/kitchen-six.jpg    2.93 MB          [emitted]
   images/kitchen-three.jpg     863 kB          [emitted]
     images/kitchen-two.jpg    1.06 MB          [emitted]
   images/knife-closeup.jpg     876 kB          [emitted]
            images/logo.png     220 kB          [emitted]
 images/drawers-closeup.jpg    2.24 MB          [emitted]
images/utensils-closeup.jpg    3.51 MB          [emitted]
        images/bathroom.jpg    1.66 MB          [emitted]
       images/home-hero.jpg     204 kB          [emitted]
            scripts/main.js     127 kB       0  [emitted]  main
           scripts/files.js    72.1 kB       1  [emitted]  files
      scripts/customizer.js      72 kB       2  [emitted]  customizer
        scripts/main.js.map  442 bytes       0  [emitted]  main
       scripts/files.js.map  365 bytes       1  [emitted]  files
  scripts/customizer.js.map  300 bytes       2  [emitted]  customizer
    + 44 hidden modules
Hash: e1c67ecb1d3a961a7362
Version: webpack 2.1.0-beta.22
Time: 4271ms
                      Asset       Size  Chunks             Chunk Names
  images/modern-closeup.jpg    2.23 MB          [emitted]
images/project-kitchen1.jpg    1.39 MB          [emitted]
   images/kitchen-extra.jpg     1.3 MB          [emitted]
    images/kitchen-five.jpg    1.47 MB          [emitted]
    images/kitchen-four.jpg     978 kB          [emitted]
     images/kitchen-six.jpg    2.93 MB          [emitted]
   images/kitchen-three.jpg     863 kB          [emitted]
     images/kitchen-two.jpg    1.06 MB          [emitted]
   images/knife-closeup.jpg     876 kB          [emitted]
            images/logo.png     220 kB          [emitted]
 images/drawers-closeup.jpg    2.24 MB          [emitted]
images/utensils-closeup.jpg    3.51 MB          [emitted]
        images/bathroom.jpg    1.66 MB          [emitted]
       images/home-hero.jpg     204 kB          [emitted]
            scripts/main.js     127 kB       0  [emitted]  main
           scripts/files.js    72.1 kB       1  [emitted]  files
      scripts/customizer.js      72 kB       2  [emitted]  customizer
        scripts/main.js.map  442 bytes       0  [emitted]  main
       scripts/files.js.map  365 bytes       1  [emitted]  files
  scripts/customizer.js.map  300 bytes       2  [emitted]  customizer
chunk    {0} scripts/main.js, scripts/main.js.map (main) 159 kB [entry] [rendered]
    [0] ./assets/build/public-path.js 4.55 kB {0} {2} [built]
    [] multi main 100 bytes
    [1] ./~/html-entities/lib/html5-entities.js 49 kB {0} {1} {2} [built]
    [2] (webpack)-hot-middleware/client.js?timeout=20000&reload=false 4.6 kB {0} {1} {2} [built]
    [3] ./assets/images/project-kitchen1.jpg 73 bytes {0} {1} [built]
    [4] ./assets/images/drawers-closeup.jpg 72 bytes {0} {1} [built]
    [5] ./assets/images/kitchen-extra.jpg 70 bytes {0} {1} [built]
    [6] ./assets/images/kitchen-five.jpg 69 bytes {0} {1} [built]
    [7] ./assets/images/kitchen-four.jpg 69 bytes {0} {1} [built]
    [8] ./assets/images/kitchen-six.jpg 68 bytes {0} {1} [built]
    [9] ./assets/images/kitchen-three.jpg 70 bytes {0} {1} [built]
   [10] ./assets/images/kitchen-two.jpg 68 bytes {0} {1} [built]
   [11] ./assets/images/knife-closeup.jpg 70 bytes {0} {1} [built]
   [12] ./assets/images/logo.png 61 bytes {0} {1} [built]
   [13] ./assets/images/modern-closeup.jpg 71 bytes {0} {1} [built]
   [14] ./assets/images/utensils-closeup.jpg 73 bytes {0} {1} [built]
   [15] ./~/ansi-html/index.js 4.26 kB {0} {1} {2} [built]
   [16] ./~/ansi-regex/index.js 135 bytes {0} {1} {2} [built]
   [17] ./~/html-entities/index.js 231 bytes {0} {1} {2} [built]
   [18] ./~/html-entities/lib/html4-entities.js 6.57 kB {0} {1} {2} [built]
   [19] ./~/html-entities/lib/xml-entities.js 2.98 kB {0} {1} {2} [built]
   [20] ./~/querystring-es3/decode.js 2.51 kB {0} {1} {2} [built]
   [21] ./~/querystring-es3/encode.js 2.54 kB {0} {1} {2} [built]
   [22] ./~/querystring-es3/index.js 127 bytes {0} {1} {2} [built]
   [23] ./~/strip-ansi/index.js 161 bytes {0} {1} {2} [built]
   [24] (webpack)-hot-middleware/client-overlay.js 1.74 kB {0} {1} {2} [built]
   [25] (webpack)-hot-middleware/process-update.js 3.88 kB {0} {1} {2} [built]
   [26] (webpack)/buildin/module.js 548 bytes {0} {1} {2} [built]
   [27] external "jQuery" 42 bytes {0} {2} [not cacheable]
   [28] ./assets/scss/main.scss 1.43 kB {0} [built]
   [32] ./assets/scripts/main.js 4.91 kB {0} [built]
   [33] ./~/css-loader?+sourceMap!./~/postcss-loader!./~/resolve-url-loader?+sourceMap!./~/sass-loader?+sourceMap!./assets/scss/main.scss 34.2 kB {0} [built]
   [34] ./~/css-loader/lib/css-base.js 1.51 kB {0} [built]
   [35] ./assets/scripts/routes/About.js 4.35 kB {0} [built]
   [36] ./assets/scripts/routes/Common.js 4.46 kB {0} [built]
   [37] ./assets/scripts/routes/Home.js 4.58 kB {0} [built]
   [38] ./assets/scripts/util/camelCase.js 4.54 kB {0} [built]
   [39] ./assets/scripts/util/router.js 6.6 kB {0} [built]
   [40] ./~/style-loader/addStyles.js 7.15 kB {0} [built]
chunk    {1} scripts/files.js, scripts/files.js.map (files) 80.6 kB [entry] [rendered]
    [] multi files 364 bytes
    [1] ./~/html-entities/lib/html5-entities.js 49 kB {0} {1} {2} [built]
    [2] (webpack)-hot-middleware/client.js?timeout=20000&reload=false 4.6 kB {0} {1} {2} [built]
    [3] ./assets/images/project-kitchen1.jpg 73 bytes {0} {1} [built]
    [4] ./assets/images/drawers-closeup.jpg 72 bytes {0} {1} [built]
    [5] ./assets/images/kitchen-extra.jpg 70 bytes {0} {1} [built]
    [6] ./assets/images/kitchen-five.jpg 69 bytes {0} {1} [built]
    [7] ./assets/images/kitchen-four.jpg 69 bytes {0} {1} [built]
    [8] ./assets/images/kitchen-six.jpg 68 bytes {0} {1} [built]
    [9] ./assets/images/kitchen-three.jpg 70 bytes {0} {1} [built]
   [10] ./assets/images/kitchen-two.jpg 68 bytes {0} {1} [built]
   [11] ./assets/images/knife-closeup.jpg 70 bytes {0} {1} [built]
   [12] ./assets/images/logo.png 61 bytes {0} {1} [built]
   [13] ./assets/images/modern-closeup.jpg 71 bytes {0} {1} [built]
   [14] ./assets/images/utensils-closeup.jpg 73 bytes {0} {1} [built]
   [15] ./~/ansi-html/index.js 4.26 kB {0} {1} {2} [built]
   [16] ./~/ansi-regex/index.js 135 bytes {0} {1} {2} [built]
   [17] ./~/html-entities/index.js 231 bytes {0} {1} {2} [built]
   [18] ./~/html-entities/lib/html4-entities.js 6.57 kB {0} {1} {2} [built]
   [19] ./~/html-entities/lib/xml-entities.js 2.98 kB {0} {1} {2} [built]
   [20] ./~/querystring-es3/decode.js 2.51 kB {0} {1} {2} [built]
   [21] ./~/querystring-es3/encode.js 2.54 kB {0} {1} {2} [built]
   [22] ./~/querystring-es3/index.js 127 bytes {0} {1} {2} [built]
   [23] ./~/strip-ansi/index.js 161 bytes {0} {1} {2} [built]
   [24] (webpack)-hot-middleware/client-overlay.js 1.74 kB {0} {1} {2} [built]
   [25] (webpack)-hot-middleware/process-update.js 3.88 kB {0} {1} {2} [built]
   [26] (webpack)/buildin/module.js 548 bytes {0} {1} {2} [built]
   [29] ./assets/images/bathroom.jpg 65 bytes {1} [built]
   [30] ./assets/images/home-hero.jpg 66 bytes {1} [built]
chunk    {2} scripts/customizer.js, scripts/customizer.js.map (customizer) 88.3 kB [entry] [rendered]
    [0] ./assets/build/public-path.js 4.55 kB {0} {2} [built]
    [] multi customizer 76 bytes
    [1] ./~/html-entities/lib/html5-entities.js 49 kB {0} {1} {2} [built]
    [2] (webpack)-hot-middleware/client.js?timeout=20000&reload=false 4.6 kB {0} {1} {2} [built]
   [15] ./~/ansi-html/index.js 4.26 kB {0} {1} {2} [built]
   [16] ./~/ansi-regex/index.js 135 bytes {0} {1} {2} [built]
   [17] ./~/html-entities/index.js 231 bytes {0} {1} {2} [built]
   [18] ./~/html-entities/lib/html4-entities.js 6.57 kB {0} {1} {2} [built]
   [19] ./~/html-entities/lib/xml-entities.js 2.98 kB {0} {1} {2} [built]
   [20] ./~/querystring-es3/decode.js 2.51 kB {0} {1} {2} [built]
   [21] ./~/querystring-es3/encode.js 2.54 kB {0} {1} {2} [built]
   [22] ./~/querystring-es3/index.js 127 bytes {0} {1} {2} [built]
   [23] ./~/strip-ansi/index.js 161 bytes {0} {1} {2} [built]
   [24] (webpack)-hot-middleware/client-overlay.js 1.74 kB {0} {1} {2} [built]
   [25] (webpack)-hot-middleware/process-update.js 3.88 kB {0} {1} {2} [built]
   [26] (webpack)/buildin/module.js 548 bytes {0} {1} {2} [built]
   [27] external "jQuery" 42 bytes {0} {2} [not cacheable]
   [31] ./assets/scripts/customizer.js 4.39 kB {2} [built]
webpack: bundle is now VALID.
1 Like

So, what I’ve discovered is that if I use a backup I have of my node_modules folder that was created about two weeks ago, webpack works just fine. However, if I were to run a fresh npm install, then webpack will no longer watch or create a browser synced localhost url.

I have replicated this bug on two different Macbooks as well as a machine running Ubuntu. I’ve tried to limit the versions of the dev dependencies in the package.json file in the root of Sage, (removed the ^ from each dependency), but that doesn’t work either.

My guess, is that some dependency somewhere deep in the bowels of the node_modules folder was updated and now breaks Webpack’s watching and/or browser sync capability.

Can someone else test this out? Here are the steps to reproduce the bug:

  1. Remove your node_modules folder (create a backup first!) and run npm install.
    • You should now have a fresh node_modules folder.
  2. Run npm run start
    • This should spin up webpack which will normally start a localhost:3000 url for you and start to watch your files for changes.
  3. Verify that a localhost site no longer spins up and that webpack will no longer recompile your files (scss, php, or js files) whenever you make a change to them.
1 Like

same problem here! No way to do a step forward! :frowning:

1 Like

I’m not sure exactly the best way to do it (probably diff), but we should be able to track down the dependency which has changed pretty easily by comparing the current and old node_modules directory? It will at least give as a start.

Again, this is only a rough plan, since I’m new to Webpack, but it looks from your logs like maybe Browsersync is the issue here. If web pack is compiling but not updating for changes, that is.

Edit

  • This post from 2004 indicates macOS can have folder corruption issues.
  • Also, did you try deleting/moving the asset’s folder?

In my case the server is not started when i run ‘npm start’, compiling work!
This is my config file:

{
  "entry": {
    "main": [
      "./scripts/main.js",
      "./styles/main.scss"
    ],
    "customizer": [
      "./scripts/customizer.js"
    ]
  },
  "watch": [
    "templates/**/*.php",
    "src/**/*.php"
  ],
  "publicPath": "/wp-content/themes/volta",
  "devUrl": "http://volta.local",
  "proxyUrl": "http://localhost:3000",
  "cacheBusting": "[name]_[hash:8]"
}

this is my terminal response:

volta git:(master) npm start

> sage@9.0.0-alpha.3 start /Applications/MAMP/htdocs/volta/wp-content/themes/volta
> npm run build -s -- --watch

clean-webpack-plugin: /Applications/MAMP/htdocs/volta/wp-content/themes/volta/dist has been removed.
 10% building modules 3/3 modules 0 active
Webpack is watching the files…

Hash: 879b07760cb0872ab9c2
Version: webpack 2.1.0-beta.22
Time: 11834ms
                        Asset       Size  Chunks             Chunk Names
    fonts/AvenirNext-Demi.svg     216 kB          [emitted]
              images/logo.svg    3.33 kB          [emitted]
          images/gallery2.jpg     104 kB          [emitted]
          images/gallery3.jpg     197 kB          [emitted]
         images/homegrid1.jpg     231 kB          [emitted]
         images/homegrid2.jpg     307 kB          [emitted]
         images/homegrid3.jpg     247 kB          [emitted]
          images/product1.jpg    85.1 kB          [emitted]
         images/product1h.jpg    95.2 kB          [emitted]
          images/product2.jpg    66.8 kB          [emitted]
          images/product3.jpg     101 kB          [emitted]
          images/product4.jpg     113 kB          [emitted]
         images/product4h.jpg     136 kB          [emitted]
    fonts/AvenirNext-Bold.eot    79.4 kB          [emitted]
    fonts/AvenirNext-Bold.otf    69.8 kB          [emitted]
    fonts/AvenirNext-Bold.svg     191 kB          [emitted]
    fonts/AvenirNext-Bold.ttf    79.1 kB          [emitted]
    fonts/AvenirNext-Demi.eot    80.8 kB          [emitted]
    fonts/AvenirNext-Demi.otf    69.2 kB          [emitted]
          images/gallery1.jpg     172 kB          [emitted]
    fonts/AvenirNext-Demi.ttf    80.5 kB          [emitted]
  fonts/AvenirNext-Medium.eot    94.1 kB          [emitted]
  fonts/AvenirNext-Medium.svg     215 kB          [emitted]
  fonts/AvenirNext-Medium.ttf    93.8 kB          [emitted]
 fonts/AvenirNext-Regular.eot    79.7 kB          [emitted]
 fonts/AvenirNext-Regular.otf    66.8 kB          [emitted]
 fonts/AvenirNext-Regular.svg     193 kB          [emitted]
 fonts/AvenirNext-Regular.ttf    79.4 kB          [emitted]
   fonts/AvenirNext-Bold.woff      33 kB          [emitted]
   fonts/AvenirNext-Demi.woff    32.6 kB          [emitted]
 fonts/AvenirNext-Medium.woff    44.7 kB          [emitted]
fonts/AvenirNext-Regular.woff    32.4 kB          [emitted]
              scripts/main.js     826 kB       0  [emitted]  main
             scripts/files.js      71 kB       1  [emitted]  files
        scripts/customizer.js      72 kB       2  [emitted]  customizer
          scripts/main.js.map  547 bytes       0  [emitted]  main
         scripts/files.js.map  358 bytes       1  [emitted]  files
    scripts/customizer.js.map  301 bytes       2  [emitted]  customizer
    + 64 hidden modules
Hash: 879b07760cb0872ab9c2
Version: webpack 2.1.0-beta.22
Time: 11834ms
                        Asset       Size  Chunks             Chunk Names
    fonts/AvenirNext-Demi.svg     216 kB          [emitted]
              images/logo.svg    3.33 kB          [emitted]
          images/gallery2.jpg     104 kB          [emitted]
          images/gallery3.jpg     197 kB          [emitted]
         images/homegrid1.jpg     231 kB          [emitted]
         images/homegrid2.jpg     307 kB          [emitted]
         images/homegrid3.jpg     247 kB          [emitted]
          images/product1.jpg    85.1 kB          [emitted]
         images/product1h.jpg    95.2 kB          [emitted]
          images/product2.jpg    66.8 kB          [emitted]
          images/product3.jpg     101 kB          [emitted]
          images/product4.jpg     113 kB          [emitted]
         images/product4h.jpg     136 kB          [emitted]
    fonts/AvenirNext-Bold.eot    79.4 kB          [emitted]
    fonts/AvenirNext-Bold.otf    69.8 kB          [emitted]
    fonts/AvenirNext-Bold.svg     191 kB          [emitted]
    fonts/AvenirNext-Bold.ttf    79.1 kB          [emitted]
    fonts/AvenirNext-Demi.eot    80.8 kB          [emitted]
    fonts/AvenirNext-Demi.otf    69.2 kB          [emitted]
          images/gallery1.jpg     172 kB          [emitted]
    fonts/AvenirNext-Demi.ttf    80.5 kB          [emitted]
  fonts/AvenirNext-Medium.eot    94.1 kB          [emitted]
  fonts/AvenirNext-Medium.svg     215 kB          [emitted]
  fonts/AvenirNext-Medium.ttf    93.8 kB          [emitted]
 fonts/AvenirNext-Regular.eot    79.7 kB          [emitted]
 fonts/AvenirNext-Regular.otf    66.8 kB          [emitted]
 fonts/AvenirNext-Regular.svg     193 kB          [emitted]
 fonts/AvenirNext-Regular.ttf    79.4 kB          [emitted]
   fonts/AvenirNext-Bold.woff      33 kB          [emitted]
   fonts/AvenirNext-Demi.woff    32.6 kB          [emitted]
 fonts/AvenirNext-Medium.woff    44.7 kB          [emitted]
fonts/AvenirNext-Regular.woff    32.4 kB          [emitted]
              scripts/main.js     826 kB       0  [emitted]  main
             scripts/files.js      71 kB       1  [emitted]  files
        scripts/customizer.js      72 kB       2  [emitted]  customizer
          scripts/main.js.map  547 bytes       0  [emitted]  main
         scripts/files.js.map  358 bytes       1  [emitted]  files
    scripts/customizer.js.map  301 bytes       2  [emitted]  customizer
chunk    {0} scripts/main.js, scripts/main.js.map (main) 949 kB [entry] [rendered]
    [0] ./assets/build/public-path.js 4.55 kB {0} {2} [built]
    [] multi main 100 bytes
    [1] ./~/html-entities/lib/html5-entities.js 49 kB {0} {1} {2} [built]
    [2] (webpack)-hot-middleware/client.js?timeout=20000&reload=false 4.6 kB {0} {1} {2} [built]
    [3] ./assets/images/logo.svg 61 bytes {0} {1} [built]
    [4] ./~/ansi-html/index.js 4.26 kB {0} {1} {2} [built]
    [5] ./~/ansi-regex/index.js 135 bytes {0} {1} {2} [built]
    [6] ./~/html-entities/index.js 231 bytes {0} {1} {2} [built]
    [7] ./~/html-entities/lib/html4-entities.js 6.57 kB {0} {1} {2} [built]
    [8] ./~/html-entities/lib/xml-entities.js 2.98 kB {0} {1} {2} [built]
    [9] ./~/querystring-es3/decode.js 2.51 kB {0} {1} {2} [built]
   [10] ./~/querystring-es3/encode.js 2.54 kB {0} {1} {2} [built]
   [11] ./~/querystring-es3/index.js 127 bytes {0} {1} {2} [built]
   [12] ./~/strip-ansi/index.js 161 bytes {0} {1} {2} [built]
   [13] (webpack)-hot-middleware/client-overlay.js 1.74 kB {0} {1} {2} [built]
   [14] (webpack)-hot-middleware/process-update.js 3.88 kB {0} {1} {2} [built]
   [15] (webpack)/buildin/module.js 548 bytes {0} {1} {2} [built]
   [16] external "jQuery" 42 bytes {0} {2} [not cacheable]
   [17] ./assets/styles/main.scss 1.43 kB {0} [built]
   [31] ./assets/scripts/main.js 4.95 kB {0} [built]
   [32] ./~/css-loader?+sourceMap!./~/postcss-loader!./~/resolve-url-loader?+sourceMap!./~/sass-loader?+sourceMap!./assets/styles/main.scss 659 kB {0} [built]
   [33] ./~/tether/dist/js/tether.js 56.2 kB {0} [built]
   [34] ./~/css-loader/lib/css-base.js 1.51 kB {0} [built]
   [35] ./assets/fonts/AvenirNext-Bold.eot 71 bytes {0} [built]
   [36] ./assets/fonts/AvenirNext-Bold.otf 71 bytes {0} [built]
   [37] ./assets/fonts/AvenirNext-Bold.svg 71 bytes {0} [built]
   [38] ./assets/fonts/AvenirNext-Bold.ttf 71 bytes {0} [built]
   [39] ./assets/fonts/AvenirNext-Demi.eot 71 bytes {0} [built]
   [40] ./assets/fonts/AvenirNext-Demi.otf 71 bytes {0} [built]
   [41] ./assets/fonts/AvenirNext-Demi.svg 71 bytes {0} [built]
   [42] ./assets/fonts/AvenirNext-Demi.ttf 71 bytes {0} [built]
   [43] ./assets/fonts/AvenirNext-Medium.eot 73 bytes {0} [built]
   [44] ./assets/fonts/AvenirNext-Medium.svg 73 bytes {0} [built]
   [45] ./assets/fonts/AvenirNext-Medium.ttf 73 bytes {0} [built]
   [46] ./assets/fonts/AvenirNext-Regular.eot 74 bytes {0} [built]
   [47] ./assets/fonts/AvenirNext-Regular.otf 74 bytes {0} [built]
   [48] ./assets/fonts/AvenirNext-Regular.svg 74 bytes {0} [built]
   [49] ./assets/fonts/AvenirNext-Regular.ttf 74 bytes {0} [built]
   [50] ./assets/scripts/routes/About.js 4.35 kB {0} [built]
   [51] ./assets/scripts/routes/Common.js 5.33 kB {0} [built]
   [52] ./assets/scripts/routes/Home.js 4.38 kB {0} [built]
   [53] ./assets/scripts/util/camelCase.js 4.54 kB {0} [built]
   [54] ./assets/scripts/util/router.js 6.6 kB {0} [built]
   [55] ./~/bootstrap/dist/js/bootstrap.js 108 kB {0} [built]
   [56] ./~/style-loader/addStyles.js 7.15 kB {0} [built]
   [57] ./assets/fonts/AvenirNext-Bold.woff 72 bytes {0} [built]
   [58] ./assets/fonts/AvenirNext-Demi.woff 72 bytes {0} [built]
   [59] ./assets/fonts/AvenirNext-Medium.woff 74 bytes {0} [built]
   [60] ./assets/fonts/AvenirNext-Regular.woff 75 bytes {0} [built]
chunk    {1} scripts/files.js, scripts/files.js.map (files) 80.4 kB [entry] [rendered]
    [] multi files 340 bytes
    [1] ./~/html-entities/lib/html5-entities.js 49 kB {0} {1} {2} [built]
    [2] (webpack)-hot-middleware/client.js?timeout=20000&reload=false 4.6 kB {0} {1} {2} [built]
    [3] ./assets/images/logo.svg 61 bytes {0} {1} [built]
    [4] ./~/ansi-html/index.js 4.26 kB {0} {1} {2} [built]
    [5] ./~/ansi-regex/index.js 135 bytes {0} {1} {2} [built]
    [6] ./~/html-entities/index.js 231 bytes {0} {1} {2} [built]
    [7] ./~/html-entities/lib/html4-entities.js 6.57 kB {0} {1} {2} [built]
    [8] ./~/html-entities/lib/xml-entities.js 2.98 kB {0} {1} {2} [built]
    [9] ./~/querystring-es3/decode.js 2.51 kB {0} {1} {2} [built]
   [10] ./~/querystring-es3/encode.js 2.54 kB {0} {1} {2} [built]
   [11] ./~/querystring-es3/index.js 127 bytes {0} {1} {2} [built]
   [12] ./~/strip-ansi/index.js 161 bytes {0} {1} {2} [built]
   [13] (webpack)-hot-middleware/client-overlay.js 1.74 kB {0} {1} {2} [built]
   [14] (webpack)-hot-middleware/process-update.js 3.88 kB {0} {1} {2} [built]
   [15] (webpack)/buildin/module.js 548 bytes {0} {1} {2} [built]
   [18] ./assets/images/gallery1.jpg 65 bytes {1} [built]
   [19] ./assets/images/gallery2.jpg 65 bytes {1} [built]
   [20] ./assets/images/gallery3.jpg 65 bytes {1} [built]
   [21] ./assets/images/homegrid1.jpg 66 bytes {1} [built]
   [22] ./assets/images/homegrid2.jpg 66 bytes {1} [built]
   [23] ./assets/images/homegrid3.jpg 66 bytes {1} [built]
   [24] ./assets/images/product1.jpg 65 bytes {1} [built]
   [25] ./assets/images/product1h.jpg 66 bytes {1} [built]
   [26] ./assets/images/product2.jpg 65 bytes {1} [built]
   [27] ./assets/images/product3.jpg 65 bytes {1} [built]
   [28] ./assets/images/product4.jpg 65 bytes {1} [built]
   [29] ./assets/images/product4h.jpg 66 bytes {1} [built]
chunk    {2} scripts/customizer.js, scripts/customizer.js.map (customizer) 88.3 kB [entry] [rendered]
    [0] ./assets/build/public-path.js 4.55 kB {0} {2} [built]
    [] multi customizer 76 bytes
    [1] ./~/html-entities/lib/html5-entities.js 49 kB {0} {1} {2} [built]
    [2] (webpack)-hot-middleware/client.js?timeout=20000&reload=false 4.6 kB {0} {1} {2} [built]
    [4] ./~/ansi-html/index.js 4.26 kB {0} {1} {2} [built]
    [5] ./~/ansi-regex/index.js 135 bytes {0} {1} {2} [built]
    [6] ./~/html-entities/index.js 231 bytes {0} {1} {2} [built]
    [7] ./~/html-entities/lib/html4-entities.js 6.57 kB {0} {1} {2} [built]
    [8] ./~/html-entities/lib/xml-entities.js 2.98 kB {0} {1} {2} [built]
    [9] ./~/querystring-es3/decode.js 2.51 kB {0} {1} {2} [built]
   [10] ./~/querystring-es3/encode.js 2.54 kB {0} {1} {2} [built]
   [11] ./~/querystring-es3/index.js 127 bytes {0} {1} {2} [built]
   [12] ./~/strip-ansi/index.js 161 bytes {0} {1} {2} [built]
   [13] (webpack)-hot-middleware/client-overlay.js 1.74 kB {0} {1} {2} [built]
   [14] (webpack)-hot-middleware/process-update.js 3.88 kB {0} {1} {2} [built]
   [15] (webpack)/buildin/module.js 548 bytes {0} {1} {2} [built]
   [16] external "jQuery" 42 bytes {0} {2} [not cacheable]
   [30] ./assets/scripts/customizer.js 4.39 kB {2} [built]
webpack: bundle is now VALID

@thisolivier - I did not try to move or delete the assets folder. It seemed like it wasn’t so much related to anything I moved or modified, as using my node_modules folder from a few weeks back solves the problem. Also, I did not see that post! I’ll try it when I get home and post the results. Thanks! I also tried to diff the two to see if I could see what changed, but there were quite a few changed dependencies. Made it impossible to see what the culprit was unless I went and manually changed them back one by one. Hopefully it’s just a folder corruption issue. It’ll be a deal killer if I can’t get this worked out and I do really like roots :frowning:
@giacomo.alonzi if you’re stuck I can send you a copy of my node_modules folder. You can still install new dependencies, but trying to recompile the whole thing will hose webpack. Also, your config file is identical to mine (save for the name of the theme), you’re output is the same as well.

Yeah, it’s an issue? we have to report a bug? what you think?

sage@alpha-4 gives you the yarn.lock file already to make sure you use the correct version of the packages.
Have you tried that?

@Nicolo_Sacchi - yarn install solves the issue. Was holding off learning about yarn, but now guess this forced me to. Thanks!
@giacomo.alonzi @thisolivier - use yarn install instead of npm install. Let me know if that works for you guys as well.

yes but nothing change man!

@robaguilera with alpha 4 I have the reverse problem. Server is started, but webpack not watch the files.

Hi,

I’m not sure its fully related but maybe worth a look into it:


Does yarn.lock - lock the portscanner to 1.0.0?

Regards

yes!

portscanner@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/portscanner/-/portscanner-1.0.0.tgz#3b5cfe393828b5160abc600e6270ebc2f1590558"
  dependencies:
    async "0.1.15"
1 Like