文档章节

webpack使用extract-text-webpack-plugin打包时提示错误Use Chunks.groupsIterable and filter by instanceof Entryp

粒子数反转
 粒子数反转
发布于 2018/10/07 01:12
字数 244
阅读 76
收藏 1

问题描述

使用extract-text-webpack-plugin在打包是提示错误

(node:12712) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
    E:\***\myproject\webpack-vue-elementUi\node_modules\webpack\lib\Chunk.js:460
                    throw new Error(
                    ^

    Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
        at Chunk.get (E:\***\myproject\webpack-vue-elementUi\node_modules\webpack\lib\Chunk.js:460:9)
        at E:\***\myproject\webpack-vue-elementUi\node_modules\extract-text-webpack-plugin\dist\index.js:176:48
        at Array.forEach (<anonymous>)
        at E:\***\myproject\webpack-vue-elementUi\node_modules\extract-text-webpack-plugin\dist\index.js:171:18
  •  

问题分析

看官网也有这个问题,extract-text-webpack-plugin还不能支持webpack4.0.0以上的版本。有个这样的描述
这里写图片描述
既然出现这个问题了,那基本上你用的webpack版本一定是4.0.0以上的了。
查看下package.json里

"devDependencies": {
    ...
    "extract-text-webpack-plugin": "^3.0.2",
    "html-webpack-plugin": "^3.2.0",
    "postcss-loader": "^2.1.4",
    "style-loader": "^0.21.0",
    "webpack": "^4.6.0",
    ...
  },
  •  

解决办法

npm install --save-dev extract-text-webpack-plugin@next
会下载到+ extract-text-webpack-plugin@4.0.0-beta.0
然后在打包就正常了

"devDependencies": {
    ...
    "extract-text-webpack-plugin": "^4.0.0-beta.0",
    "html-webpack-plugin": "^3.2.0",
    "postcss-loader": "^2.1.4",
    "style-loader": "^0.21.0",
    "webpack": "^4.6.0",
     ...
  }

 

© 著作权归作者所有

共有 人打赏支持
粒子数反转
粉丝 0
博文 69
码字总数 17548
作品 0
闵行
前端工程师
私信 提问
webpack4 多入口,多页面项目构建案例

趁工作之余从零构建了一个webpack4.x多页面应用程序。过程中也遇到一些坑,就记录下来了。 webpack核心概念 Entry:入口,Webpack 执行构建的第一步将从 Entry 开始。 Module:模块,在 Webp...

ypzhoua
2018/05/24
0
0
webpack打包问题 extract-text-webpack-plugin报错

D:\ideaproject\cqcomponent\node_modules\extract-text-webpack-plugin\dist\index.js:188 chunk.sortModules(); ^ TypeError: chunk.sortModules is not a function at D:\ideaproject\cqc......

哈雷路亚
2017/07/14
1K
1
webpack 静态资源集中输出的方法示例

目录结构 copy-webpack-plugin 工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源(比如设计图、开发文档),这些静态资源有可能是文档,也有可能是一些额外的图片。打包...

peakedness丶
01/15
0
0
请手写一个webpack4.0配置

原文segmentfault.com/a/1190000015611030 确认过眼神,你还是没有准备秋招的人?时间仓促。自京东6月8号开启管培生的招聘,就意味着秋招的开始。然而你还在等着秋天的到来?今年形势应该更为...

大灰狼的小绵羊哥哥
2018/10/13
0
0
面试官:请手写一个webpack4.0配置

确认过眼神,你还是没有准备秋招的人?时间仓促。自京东6月8号开启管培生的招聘,就意味着秋招的开始。然而你还在等着秋天的到来?今年形势应该更为严峻,随着各大技术(vue,webpack,react,...

hello等风来
2018/07/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

骄傲的技术人,技术是你的全部吗?

[一] 惊喜 2019年01月30日笔者发布了一篇 <自我剖析,坚持有多难?> 文章,本以为很平常的一篇文章没想到受到了广大技术人员的关注,算是19年的美好开端,继续开拔! 下面进入本篇的正题。 ...

风象南
22分钟前
5
0
Spring boot 入门--1

Spring 简介 spring的诞生历史 微框架,与Spring 4 一起诞生,比如 @RestController。 可以快速上手,整合子项目。 依赖很少的配置就可以快速搭建并且运行项目。...

细节探索者
今天
2
0
Nginx反向代理

Nginx反向代理 应用场景 A 机器运行的nginx提供的web服务,只有一个内网地址192.168.254.128(内网) B机器有两块网卡,一个地址是192.168.254.137(内网),另一个是192.168.79.128(外网)...

李超小牛子
今天
4
0
数据库事务隔离级别

当数据库上有多个事务同时执行的时候,可能出现下面问题: 脏读(dirty read):指当一个事务正在访问数据,并且对数据进行了修改,而这种修改还没有提交到数据库中,这时,另外一个事务也访...

Jacktanger
今天
4
0
4.61 - 第二个JAVA应用 4.62/63 - Tomcat的管理功能

4.61 - 第二个JAVA应用 方法一:配置文件: /usr/local/tomcat/conf/server.xml <Host name="www.aminglinux.cc" appBase="/data/wwwroot/www.aminglinux.cc" unpackWARs="tr......

Champin
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部