Chunk.entrypPoint: Chunks.groupsIterable ব্যবহার করুন এবং পরিবর্তে এন্ট্রিপয়েন্ট দ্বারা ফিল্টার করুন


91

আমার অ্যাপ্লিকেশন শুরু করার চেষ্টা করার সময় আমি নিম্নলিখিত ত্রুটিগুলি দেখতে পাচ্ছি ...

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

ওয়েবপ্যাক এবং & সূচক 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

সিএসএস-মডিউলগুলি কিছু নিক্ষেপ করছে। পুরো স্ট্যাক ট্রেস এবং আপনার ওয়েবপ্যাক কনফিগারেশন পোস্ট করুন
PlayMa256

আমি আপনাকে "আমি কীভাবে এটি সমাধান করতে পারি?" এর লাইনে আপনার প্রশ্নটি আরও কিছুতে সম্পাদনা করার পরামর্শ দিচ্ছি? "এর আগে কি কেউ এর আগে দেখেছেন?"
এমি

4
এক্সট্রাক্ট-টেক্সট-প্লাগইন ওয়েবপ্যাক ভি 4 এর সাথে কাজ করে না
আইভো গেলভ

উত্তর:



82

এখানে বেশিরভাগ মন্তব্য https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701 পয়েন্ট পরিবর্তে extract-text-pluginএটি পরিবর্তন করতে mini-css-extract-plugin

Https://github.com/webpack-contrib/extract-text-webpack-plugin এর গিথুব রেপো থেকেextract-text-webpack-plugin

Web যেহেতু ওয়েবপ্যাক ভি 4 এক্সট্রাক্ট-টেক্সট-ওয়েবপ্যাক-প্লাগইনটি CSS এর জন্য ব্যবহার করা উচিত নয়। পরিবর্তে মিনি-সিএসএস-এক্সট্র্যাক্ট-প্লাগইন ব্যবহার করুন।

উপর আগাইয়া mini-css-extract-plugin/ কিভাবে swap 'র কাছে আপগ্রেড 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 এ আপডেট করাও আমার সমস্যার সমাধান করেছে
JillAndMe

ভিএস কোডের 4.x এর জন্য একটি স্বয়ংক্রিয় সম্পূর্ণ নেই তাই সুস্পষ্ট সংস্করণ সহ আমাকে অন্য গুগল অনুসন্ধান সংরক্ষণ করার জন্য ধন্যবাদ।
স্টিভেন 87vt

এটা কি পথ?
গ্রেড
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.