Chunk.entrypoints: Verwenden Sie Chunks.groupsIterable und filter durch ein Entrypoint statt

Sehe ich folgende Fehler beim start meiner app...

> css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules

webpack && offen 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.log

css-Module könnten sein, werfen etwas. Poste den ganzen StackTrace und Ihr webpack config
Ich schlage vor, Sie Bearbeiten Ihre Frage zu etwas mehr entlang den Linien von "Wie kann ich dieses Problem lösen?" anstatt "Hat jemand das schon mal gesehen?"
Extrakt-text-plugin funktioniert nicht mit Webpack v4
Sorry Jungs, aber diese Technologie (Reagieren, npm...) ist so unreif, viel zu Komplex, nicht stabil und nicht zukunftssicher an alle 🙁

InformationsquelleAutor jnoweb | 2018-07-17

109
```
npm install extract-text-webpack-plugin@next
```
Diese hat den trick für mich!
- Es funktioniert für mich. Ohne sudo natürlich
- Arbeitete für mich auch.
InformationsquelleAutor Steven McConnon
50

Meisten Kommentare hier https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701
zeigen Sie auf extract-text-plugin es zu ändern mini-css-extract-plugin statt.

Aus der Github repo von extract-text-webpack-plugin https://github.com/webpack-contrib/extract-text-webpack-plugin

⚠️ Da webpack v4 der Auszug-text-webpack-plugin sollte nicht verwendet werden
für css. Verwenden Sie mini-css-Auszug-plugin statt.

Kopf über
mini-css-extract-plugin wie swap/upgrade
https://github.com/webpack-contrib/mini-css-extract-plugin
- ?? Dies sollte die akzeptierte Antwort, IMO
InformationsquelleAutor Rikin

Ja, ich habe das gleiche Problem mit webpack 4.10.2. Das problem ist behoben, nachdem ich die swap - extract-css-chunks-webpack-plugin zu mini-css-extract-plugin.

Hier ist das webpack config änderungen:

-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........
     //
   ]

Hoffe, es kann helfen.

InformationsquelleAutor Eric Tan

6

Hatte ich behoben den Fehler, indem Sie mit der version 4.0.0-beta.0 von extract-text-webpack-plugin.
- Update auf 4.0.0-beta.0 auch behoben, mein Problem
- VS Code nicht haben eine auto-vervollständigen für 4.x vielen Dank für das spart mir ein weiteres google-Suche mit einem expliziten version.
InformationsquelleAutor TurboHZW

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.