Veo los siguientes errores al intentar iniciar mi aplicación...
> css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modulespaquete web && abrir index.html
(node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48 at Array.forEach (<anonymous>) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:171:18 at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:7:1) at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/Hook.js:35:21) at Compilation.seal (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:1203:27) at hooks.make.callAsync.err (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compiler.js:547:17) at _err0 (eval at create (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:11:1) at _addModuleChain (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:1054:12) at processModuleDependencies.err (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:980:9) at _combinedTickCallback (internal/process/next_tick.js:131:7) at process._tickCallback (internal/process/next_tick.js:180:9) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! css-modules@1.0.0 start: `webpack && open index.html` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the css-modules@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/johnnynolan/.npm/_logs/2018-07-17T14_04_42_021Z-debug.lognpm install extract-text-webpack-plugin@next¡Esto hizo el truco para mí!
La mayoría de los comentarios aquí https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701 apuntan a extract-text-plugin , cámbielo a mini-css-extract-plugin en su lugar.
Del repositorio de Github de extract-text-webpack-plugin https://github.com/webpack-contrib/extract-text-webpack-plugin
⚠️ Desde webpack v4, el complemento extract-text-webpack-plugin no debe usarse para css. Utilice mini-css-extract-plugin en su lugar.
Dirígete a mini-css-extract-plugin sobre cómo cambiarlo/actualizarlo https://github.com/webpack-contrib/mini-css-extract-plugin
Sí, tengo el mismo problema con el paquete web 4.10.2 . El problema se soluciona después de cambiar extract-css-chunks-webpack-plugin a mini-css-extract-plugin .
Aquí están los cambios de configuración del paquete web:
-const ExtractCssChunks = require('extract-css-chunks-webpack-plugin') +const MiniCssExtractPlugin = require("mini-css-extract-plugin"); module.exports = { name: 'client', target: 'web', module: { rules: [ { test: /\.css$/, - use: ExtractCssChunks.extract({ - use: 'css-loader' - }) + use: [ + { + loader: MiniCssExtractPlugin.loader, + }, + "css-loader" + ] } ] }, // // other config........ // plugins: [ - new ExtractCssChunks(), + new MiniCssExtractPlugin({ + filename: `components/[name].css` + }), // // other config........ // ]Espero que pueda ayudar.