Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead

最新推荐文章于 2021-10-18 15:52:32 发布
原创 最新推荐文章于 2021-10-18 15:52:32 发布 · 798 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客指出报错原因是webpack4版本不匹配，给出解决办法，即安装extract - text - webpack - plugin@next插件，将使用contenthash的地方改成chunkhash，然后重新打包。

报错内容如下图

报错原因：webpack4 版本不匹配造成的

解决办法：安装 extract-text-webpack-plugin@next 插件

npm i extract-text-webpack-plugin@next

将使用 contenthash 的地方改成 chunkhash ，重新打包即可

 

Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 解决方案
高级前端工程师
05-17 5385
猜想会不会是webpack版本也需要升级，我删掉了package.json引用的webpack，打算使用全局webpack。似乎必须要引入webpack，在package.json再次引webpack，v4.12.0。得到的/node_modules/下的webpack版本是v4.26.1。这是一次很简单的采坑，但是前后困扰了我好几天。再次执行webpack，这次成功了。
[坑002]extract-text-webpack-plugin安装问题
3叉树先生的博客
10-04 2195
0x00错误描述 Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 0x01产生的原因 产生这个的原因大多是因为使用的webpack的版本是4.x以上的，extract-text-webpack-plugin这个4.0一下的版本是不支持webpack4....
webpack4.x 报错：Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoin
shenzhen_zsw的专栏
07-31 573
webpack4.x 报错：Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoin 在配置webpack4报错：Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoi...
webpack打包报错Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
热门推荐
小熊的博客
07-14 1万+
webpack打包环境优化的一个点：将css样式代码抽离出来。 若不抽离，可以在bundle.js中发现css代码被转化成节点样式插入到了body下；这个过程是：style-loader将外部css文件注入到html中，css内容使用css-loader进行解析，转化成js文件；因为webpack只能识别js文件。 css分离： 使用extract-text-webpack-plugin插件...
vue-cli2项目-webpack3升级至4版本-报错解决详情记录(文末附新版本配置文件内容)
blingsky123的博客
07-04 3835
vue-cli2项目-webpack3升级至4版本-报错解决详情记录 更新4.x版本webpack，并升级相关插件 npm i -D webpack@latest npm i -D webpack-bundle-analyzer@latest webpack-merge@latest webpack-dev-server@latest UglifyJsPlugin报错—>webpack4.x写法改变 报错： D:\workspace\zy-evst-platform\node_mod
webpack构建性能提升的一些常用措施
qq_25254735的博客
11-10 707
前言 前端工程化已经在各个公司生根发芽，webpack作为前端工程化重要的构建工具， 它具备高效的打包速度， 完整的依赖分析，语义化分析，包结构分析等，在生产线发挥着不可替代的作用。 然而随着项目的越来越庞大， 第三方类库的引用， 很多业务逻辑的抽象， 都导致构建速度越来越慢。 甚至在一些构建复杂的流程中，时间消耗占比影响着快速迭代的效率，因此针对webpack的构建优化， 在任何公司、任何业务线都很有价值，本文对自己探索webpack的一些经验，做个总结，希望对你有所帮助。 核心优化 一、构建工.
webpack4 升级
u013262823的博客
03-15 1223
webpack4升级之坑 webpack4出来已经好久，看到之前的vue-cli项目还是基于"webpack": “^3.6.0”,所以参考了一些资料，对webpack3做了升级。 webpack版本升级 "webpack": "^4.29.6" cnpm i 或者 npm i ，依赖安装，npm run dev 看下效果，出现一堆的错误。不难发现是webpack-dev-server 导致： ...
[webpack] Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint in
qubes的专栏
10-18 284
enviroment webpack 4.0 extract-text-webpack-plugin error Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead reason 没有使用最新的npm 包 resolution npm i -D extract-text-webpack-plugin@next
extract-text-webpack-plugin插件报错：Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by in
money_yao的博客
04-24 627
背景描述：webpack插件功能强大且可以定制，可以使用extract-text-webpack-plugin的插件来把散落在各地的css提取出来，并生成一个main.css的文件，最终在index.html通过<link>的形式加载它。 配置文件webpack.config.js var path=require('path'); //导入插件 var ExtractTextP...
Webpack 运行报错：Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
涤生的博客
07-29 516
Webpack 运行报错：Use Chunks.groupsIterable and filter by instanceof Entrypoint instead，修改依赖版本解决。
Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get
负数
02-20 571
报错：Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get 因为版本问题 直接下载的版本是 "extract-text-webpack-plugin": "^3.0.2", 解决方案： extract-text-webpack-plugin@next @next下载的版本是 "ex...
webpack 打包css报错 Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entryp...
weixin_34137799的博客
06-28 185
是webpack4和extract-text-webpack-plugin的兼容性问题 执行命令：npm install extract-text-webpack-plugin@next--save-dev 但是后来发现还是不行，要用mini-css-extract-plugin 转载于:https://www.cnblogs.com/1rookie/p/9239974.htm...
使用webpack4.0时遇到错误Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entryp...
weixin_30571465的博客
12-05 379
在使用webpack4.0以上打包工具时，会遇到一个问题，那就是安装3.xextract-webpack-plugin 插件时， 会遇到不支持的问题，并且会抛出错误信息Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 解决方法如下： 1....
Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 处理方法
奋斗的小绿萝
08-06 1555
报错： Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 原因： extract-text-webpack-plugin还不能支持webpack4.0.0以上的版本。 解决办法： npm install –save-dev extrac...
Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead解决
hph的博客
01-03 4997
webpack4.0以上用3.x extract-webpack-plugin 打包会不兼容，extract-webpack-plugin升级就可以了 npm install --save-dev extract-text-webpack-plugin@4.0.0-beta.0  
webpack打包报错Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead...
weixin_34099526的博客
04-12 231
npm install –save-dev extract-text-webpack-plugin@next会下载到+ extract-text-webpack-plugin@4.0.0-beta.0然后在打包就正常了 转载于:https://www.cnblogs.com/1rookie/p/10697599.html
[system] SyntaxError: "[object Object]" is not valid JSON at JSON.parse (<anonymous>) at pages-new_Index-newDetail.js:729:47 at Proxy.renderList (chunk-vendors.js:27140:16) at Proxy.render (pages-new_Index-newDetail.js:687:23) at VueComponent._render (chunk-vendors.js:28058:22) at VueComponent.updateComponent (chunk-vendors.js:28576:21) at Watcher.get (chunk-vendors.js:28995:25) at Watcher.run (chunk-vendors.js:29070:22) at flushSchedulerQueue (chunk-vendors.js:28826:13) at Array.<anonymous> (chunk-vendors.js:26455:12) (anonymous) @ chunk-vendors.js:24025 push.kzdG.50ec.e.default.install.e.mixin.beforeCreate.Array.isArray.n.onError.length.n.onError @ chunk-vendors.js:24025 invokeWithErrorHandling @ chunk-vendors.js:26329 (anonymous) @ chunk-vendors.js:33077 push.kzdG.eeff.e.config.errorHandler @ chunk-vendors.js:24025 globalHandleError @ chunk-vendors.js:26345 handleError @ chunk-vendors.js:26314 (anonymous) @ chunk-vendors.js:28060 updateComponent @ chunk-vendors.js:28576 get @ chunk-vendors.js:28995 run @ chunk-vendors.js:29070 flushSchedulerQueue @ chunk-vendors.js:28826 (anonymous) @ chunk-vendors.js:26455 flushCallbacks @ chunk-vendors.js:26381 Promise.then timerFunc @ chunk-vendors.js:26408 nextTick @ chunk-vendors.js:26465 queueWatcher @ chunk-vendors.js:28918 update @ chunk-vendors.js:29060 (anonymous) @ chunk-vendors.js:28479 eval @ newDetail.vue:2169 setInterval startCountdownRefresh @ newDetail.vue:2168 mounted @ newDetail.vue:1334 invokeWithErrorHandling @ chunk-vendors.js:26329 callHook @ chunk-vendors.js:28735 insert @ chunk-vendors.js:27652 invokeInsertHook @ chunk-vendors.js:30861 patch @ chunk-vendors.js:31080 (anonymous) @ chunk-vendors.js:28458 updateComponent @ chunk-vendors.js:28576 get @ chunk-vendors.js:28995 run @ chunk-vendors.js:29070 flushSchedulerQueue @ chunk-vendors.js:28826 (anonymous) @ chunk-vendors.js:26455 flushCallbacks @ chunk-vendors.js:26381 Promise.then timerFunc @ chunk-vendors.js:26408 nextTick @ chunk-vendors.js:26465 queueWatcher @ chunk-vendors.js:28918 update @ chunk-vendors.js:29060 (anonymous) @ chunk-vendors.js:28479 forceRender @ chunk-vendors.js:28157 (anonymous) @ chunk-vendors.js:28179 (anonymous) @ chunk-vendors.js:24803 (anonymous) @ index.js:3182 Promise.then (anonymous) @ index.js:3181 resolveAsyncComponent @ chunk-vendors.js:28196 createComponent @ chunk-vendors.js:27713 _createElement @ chunk-vendors.js:27935 createElement @ chunk-vendors.js:27866 (anonymous) @ chunk-vendors.js:28007 render @ index.js:4293 (anonymous) @ chunk-vendors.js:28058 updateComponent @ chunk-vendors.js:28576 get @ chunk-vendors.js:28995 Watcher @ chunk-vendors.js:28984 mountComponent @ chunk-vendors.js:28583 (anonymous) @ chunk-vendors.js:33093 init @ chunk-vendors.js:27629 createComponent @ chunk-vendors.js:30490 createElm @ chunk-vendors.js:30437 patch @ chunk-vendors.js:30992 (anonymous) @ chunk-vendors.js:28455 updateComponent @ chunk-vendors.js:28576 get @ chunk-vendors.js:28995 Watcher @ chunk-vendors.js:28984 mountComponent @ chunk-vendors.js:28583 (anonymous) @ chunk-vendors.js:33093 init @ chunk-vendors.js:27629 createComponent @ chunk-vendors.js:30490 createElm @ chunk-vendors.js:30437 patch @ chunk-vendors.js:30992 (anonymous) @ chunk-vendors.js:28455 updateComponent @ chunk-vendors.js:28576 get @ chunk-vendors.js:28995 Watcher @ chunk-vendors.js:28984 mountComponent @ chunk-vendors.js:28583 (anonymous) @ chunk-vendors.js:33093 init @ chunk-vendors.js:27629 createComponent @ chunk-vendors.js:30490 createElm @ chunk-vendors.js:30437 createChildren @ chunk-vendors.js:30565 createElm @ chunk-vendors.js:30466 patch @ chunk-vendors.js:30992 (anonymous) @ chunk-vendors.js:28455 updateComponent @ chunk-vendors.js:28576 get @ chunk-vendors.js:28995 Watcher @ chunk-vendors.js:28984 mountComponent @ chunk-vendors.js:28583 (anonymous) @ chunk-vendors.js:33093 init @ chunk-vendors.js:27629 createComponent @ chunk-vendors.js:30490 createElm @ chunk-vendors.js:30437 patch @ chunk-vendors.js:31031 (anonymous) @ chunk-vendors.js:28455 updateComponent @ chunk-vendors.js:28576 get @ chunk-vendors.js:28995 Watcher @ chunk-vendors.js:28984 mountComponent @ chunk-vendors.js:28583 (anonymous) @ chunk-vendors.js:33093 eval @ main.js:28 mpOK @ index.js:4809 __webpack_require__ @ index.js:854 fn @ index.js:151 1 @ index.js:1115 __webpack_require__ @ index.js:854 checkDeferredModules @ index.js:46 (anonymous) @ index.js:994 (anonymous) @ index.js:997 chunk-vendors.js:25086 [Vue warn]: Error in render: "SyntaxError: "[object Object]" is not valid JSON" found in ---> at pages/new_Index/newDetail.vue这个报错是什么原因呢？是页面上的json.parse出的错还是事件中的出的错呢
最新发布
11-28
在小程序中出现 `SyntaxError: "[object Object]" is not valid JSON` 错误，一般是因为 `JSON.parse()` 方法试图解析一个非有效的 JSON 字符串。 ### 页面上 `json.parse` 出错原因 - **数据传递错误**：若在页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

悟世君子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值