错误：Chunk.entrypoints：使用 Chunks.groupsIterable 并按 instanceof Entrypoint 过滤

Posted 2023-02-16

【中文标题】错误：Chunk.entrypoints：使用 Chunks.groupsIterable 并按 instanceof Entrypoint 过滤

【英文标题】：Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead

【发布时间】：2019-01-09 23:30:44

【问题描述】：

运行脚本npm run watch时出现此错误

跨环境 NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --config=node_modules/laravel-mix/setup/webpack.config.js

i ｢webpack｣：启用观看\构建模块 (16%)C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Chunk.js:824 抛出新错误（ ^

错误：Chunk.entrypoints：使用 Chunks.groupsIterable 并过滤 instanceof 入口点代替 在 Chunk.get (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Chunk.js:824:9) 在 C:\xampp\htdocs\VidhiStage\node_modules\laravel-mix\node_modules\extract-text-webpack-plugin\dist\index.js:176:48 在 Array.forEach () 在 C:\xampp\htdocs\VidhiStage\node_modules\laravel-mix\node_modules\extract-text-webpack-plugin\dist\index.js:171:18 在 AsyncSeriesHook.eval [as callAsync] （创建时的 eval (C:\xampp\htdocs\VidhiStage\node_modules\tapable\lib\HookCodeFactory.js:24:12)， :12:1) 在 AsyncSeriesHook.lazyCompileHook [as _callAsync] (C:\xampp\htdocs\VidhiStage\node_modules\tapable\lib\Hook.js:35:21) 在 Compilation.seal (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Compilation.js:1203:27) 在 hooks.make.callAsync.err (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Compiler.js:547:17) 在 _err0（创建时的评估（C:\xampp\htdocs\VidhiStage\node_modules\tapable\lib\HookCodeFactory.js:24:12）， :11:1) 在 _addModuleChain (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Compilation.js:1054:12) 在 processModuleDependencies.err (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Compilation.js:980:9) 在 process._tickCallback (internal/process/next_tick.js:172:11) npm ERR！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ VidhiStage@1.0.0 观看：cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --config=node_modules/laravel-mix/setup/webpack.config.js npm ERR！退出状态 1 npm ERR！ npm 错误！在 VidhiStage@1.0.0 观看失败 脚本。 npm 错误！这可能不是 npm 的问题。有 上面可能有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！ C:\用户\BIKI MALLIK\AppData\Roaming\npm-cache_logs\2018-08-02T08_45_14_967Z-debug.log

下面是Webpack.config.js：

const webpack = require('webpack');
module.exports = 
  watch : true,
  context: __dirname,
  entry: 
    main : "./Components/Admin/Admin.js",
  ,
  output: 
    path: __dirname+'/public/js/build',
    filename : "Admin.js",
    chunkFilename: 'chunk/[name].[chunkhash].js',
    publicPath:'./js/build/'
  ,
  resolve: 
    alias: 
      vue: 'vue/dist/vue.js',
      lolly : 'quill/dist/quill.min.js'
    
  ,
  module: 
    loaders: [
      
        test: /\.js$/,
        loader: 'babel-loader',
      ,
      
        test: /\.styl$/,
        loader: 'css-loader!stylus-loader?paths=node_modules/bootstrap-stylus/stylus/',
      ,
      
        test: /\.vue$/,
        loader: 'vue-loader'
      
    ]
  ,  
  plugins: [
  ]

【问题讨论】：

能否请您提供 webpack.config.js 文件中的配置？

请在描述中找到

【参考方案1】：

您的 webpack 版本可能高于 4.0.0。插件 extract-text-webpack-plugin 未修改为与 webpack > 4.0.0 兼容。所以同时使用 Webpack 4 版本。

npm install --save-dev webpack@4.0.0

【讨论】：

在此之后，我再次运行脚本“npm run watch”。它要求安装 webpack-cli 。我也安装了那个。但是在安装之后，我遇到了与第一个相同的问题。那我该如何管理呢？

【参考方案2】：

npm 卸载 mini-css-extract-plugin ，并使用 webpack 3.1.2 ，这应该完成工作并安装 webpack-cli :)

【参考方案3】：

您也可以升级插件：

npm install extract-text-webpack-plugin@next --save-dev