Chunk.entrypoint: Chunks.groupsIterable का उपयोग करें और इसके बजाय Instof Entrypoint द्वारा फ़िल्टर करें


91

अपना ऐप शुरू करने का प्रयास करते समय मुझे निम्नलिखित त्रुटियां दिखाई देती हैं ...

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

webpack && खुले 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

सीएसएस-मॉड्यूल कुछ फेंक सकते हैं। पूरे स्टैक ट्रेस और अपने
वेबपैक

मेरा सुझाव है कि आप अपने प्रश्न को "मैं इसे कैसे हल कर सकता हूं" की तर्ज पर कुछ और संपादित करें? के बजाय "किसी को भी यह पहले देखा है?"
एमी

3
उद्धरण-पाठ-प्लगइन
वेब पैक

जवाबों:



82

यहां अधिकांश टिप्पणियां https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701extract-text-plugin इसे mini-css-extract-pluginबदले में बदलने की ओर इशारा करती हैं ।

Https://github.com/webpack-contrib/extract-text-webpack-plinin के जीथब रेपो सेextract-text-webpack-plugin

Web चूंकि वेबपैक v4 में css के लिए एक्स्ट्रेक्ट-टेक्स्ट-वेबपैक-प्लगइन का उपयोग नहीं किया जाना चाहिए। इसके बजाय मिनी-सीएसएस-एक्सट्रैक्ट-प्लगइन का उपयोग करें।

mini-css-extract-pluginइसे कैसे स्वैप / अपग्रेड करना है, इस पर हेड https://github.com/webpack-contrib/mini-css-extract-plugin


21

हाँ, मुझे वेबपैक के साथ एक ही मुद्दा मिला 4.10.2। मेरे द्वारा स्वैप extract-css-chunks-webpack-pluginकरने के बाद समस्या ठीक हो गई है mini-css-extract-plugin

यहाँ वेबपैक विन्यास परिवर्तन है:

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

आशा है कि यह मदद कर सकता है।


यह वास्तव में उपरोक्त उत्तरों की तुलना में अधिक मदद करता है। धन्यवाद।
पाओलो स्टीफन

7

के संस्करण 4.0.0-beta.0का उपयोग करके मैंने बग को ठीक कर दिया था extract-text-webpack-plugin


4
4.0.0-beta.0 में अपडेट होने से मेरा मुद्दा भी तय हो गया
जिल्डम डे

VS कोड के पास 4.x के लिए एक ऑटो पूर्ण नहीं है इसलिए मुझे एक स्पष्ट संस्करण के साथ एक और Google खोज को बचाने के लिए धन्यवाद।
स्टीवन87वेट

क्या रास्ता है?
१६:०६ में ग्रैल्ड सेप
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.