Error: Cannot find module 'extract-text-webpack-plugin' with npm@5.2.0

[thangngoc89]

$ preact -v 
1.3.0

$ npm -v 
5.2.0

Error:

Error: Cannot find module 'extract-text-webpack-plugin'
    at Function.Module._resolveFilename (module.js:485:15)
    at Function.Module._load (module.js:437:25)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/home/khoa/web/mui/node_modules/preact-cli/lib/lib/webpack/webpack-base-config.js:13:33)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/home/khoa/web/mui/node_modules/preact-cli/lib/lib/webpack/webpack-client-config.js:39:26)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/home/khoa/web/mui/node_modules/preact-cli/lib/lib/webpack/run-webpack.js:27:28)
    at Module._compile (module.js:569:30)

Reproduce:

• Init new project preact create test && cd $_
• npm start

P/s:

This only happens with npm@5.2.0. For some reason, node can't resolve it

❯ npm ls extract-text-webpack-plugin
mui@1.0.0 /home/khoa/web/mui
└─┬ preact-cli@1.3.0
  └─┬ @webpack-blocks/extract-text2@0.4.0
    └── extract-text-webpack-plugin@2.1.2 

My rule of thumb is if you use it, you must install it first. Thoughts @developit @lukeed ?

[reznord]

@thangngoc89 can't able to reproduce.

Might be because during installation of node_modules, something got missed.

Can you try removing node_modules and reinstalling them?

[thangngoc89]

@reznord I reproduced this twice.

[thangngoc89]

Apparently, npm installed it but node can't resolve it

❯ npm ls extract-text-webpack-plugin
mui@1.0.0 /home/khoa/web/mui
└─┬ preact-cli@1.3.0
  └─┬ @webpack-blocks/extract-text2@0.4.0
    └── extract-text-webpack-plugin@2.1.2 

And yes, I removed node_moduels and re-install it twice

[reznord]

Looks like an npm issue for me. In 5.0.1, I am not able to reproduce this.

[slaskis]

Same issue if you try to use npx to create a new app:

$ npx preact-cli create test
npx: installed 1 in 12.986s
Cannot find module 'extract-text-webpack-plugin'

Which otherwise would be an awesome way to use preact-cli.

[thangngoc89]

@slaskis Actually it's how I discovered this bug. :D . Wanted to try out npx on npm@5.2.0

[developit]

sounds like an npm dedupe issue

[thangngoc89]

@developit My point still stand. We are importing extract-text-webpack-plugin directly in the code, so we should install directly

[reznord]

I agree with @thangngoc89. Webpack 3 has separated the plugin totally. I guess it is better to install it separately.

[thangngoc89]

@reznord Could you make a PR to replace @webpack-blocks/extract-text2 with extra-text-webpack-plugin directly? We dont use @webpack-blocks/extract-text2 directly anymore.

[reznord]

@thangngoc89 ayeee... PR enroute. 😄

[reznord]

@thangngoc89 we are not using that anywhere as of now.

Edit: Oops, didn't see that. Got it. Gonna push it soon.

[thangngoc89]

@reznord I'm not follow. We're using extract-text-webpack-plugin but not webpack-block/extract-text2.