[坑002]extract-text-webpack-plugin安装问题

最新推荐文章于 2024-08-24 10:09:50 发布
最新推荐文章于 2024-08-24 10:09:50 发布
阅读量2k 收藏 1
点赞数
分类专栏： 踩坑记 文章标签： extract-text-webpack-plugin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/strongbill/article/details/82938993
版权
在尝试使用extract-text-webpack-plugin时遇到了'Chunk.entrypoints'错误，原因是该插件不支持webpack4.x及以上版本。解决方法包括安装旧版插件或切换到官方推荐的mini-css-extract-plugin。
摘要由CSDN通过智能技术生成

0x00错误描述

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

0x01产生原因

产生这个的原因大多是因为使用的webpack的版本是4.x以上的，extract-text-webpack-plugin这个4.0一下的版本是不支持webpack4.x的，而直接通过npm install extract-text-webpack-plugin的版本都是小于4.x的。

0x02解决方法

  1. [不推荐]网上的人常用的解决方法是(-D是–save-dev的缩写)

npm install -D extract-text-webpack-plugin@next

这个命令就会下载到extract-text-webpack-plugin4.0.0-beta.0版本,
官网后期不维护了。

  1. 官网的解决方法
    叫我们使用另外的一款插件mini-css-extract-plugin
    详情请查看
    官网解决方法
    webpack

pip install -D mini-css-extract-plugin

mr3x
关注
专栏目录
webpack版本与extract-text-webpack-plugin版本不兼容导致的npm run build运行时报错
qq6412110的博客
03-06 6382
查了是由于extract-text-webpack-plugin该组件不支持webpack4.x以上版本导致。放弃使用extract-text-webpack-plugin可以解决 我的webpack.config.js: { "name": "gnhhc", "version": "1.0.0", "main": "index.js", "scripts": { "...
extract-text-webpack-plugin用法详解
11-28
于是开始研究extract-text-webpack-plugin插件。 二 插件介绍 打包样式有两种方法，一种是使用style-loader自动将css代码放到生成的style标签中，并且插入到head标签里。另一种就是使用extract-text-webpack-...
webpack 4+使用了extract-text-webpack-plugin插件后，编译出错
skyandairchild的博客
05-14 697
出现的问题：DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead 解决的方法：npm install extract-text-webpack-plugin@next
探索 Extract Text Plugin：优化你的 Webpack 构建
最新发布
gitblog_00258的博客
08-24 697
探索 Extract Text Plugin：优化你的 Webpack 构建 extract-text-webpack-plugin[DEPRECATED] Please use https://github.com/webpack-contrib/mini-css-extract-plugin Extracts text from a bundle into a separate file项目...
Webpack安装extract-text-webpack-plugin遇见的两个问题
yangyang的专栏
10-05 1万+
前言，关于extract-text-webpack-plugin插件的使用可以参考http://www.jianshu.com/p/439764e3eff2这篇文章。1.提示Chunk.entry was removed. Use hasRuntime() 这个主要是webpack版本和extract-text-webpack-plugin插件对应的版本不一致的原因。 现在我们使用的最新版是we
ExtractTextPlugin 不支持webpack4.x
qq_31847185的博客
07-16 1463
一、错误提示 二、解决方案 使用npm install extract-text-webpack-plugin@next安装extract-text-webpack-plugin，注意先移除之前安装的extract-text-webpack-plugin，不然会报错。...
Error: Cannot find module 'extract-text-webpack-plugin'解决方法（vue）
weixin_43694465的博客
04-24 3715
情况 原因 extract-text-webpack-plugi不是全局安装 解决方法 1、添加-g标志来安装package.json（npm init -y -g）； 2、添加-g标志来安装npm init您的项目目录（npm install webpack --save-dev -g）； 3、再在终端输入npm install --save extract-text-webpack-plug...
详解extract-text-webpack-plugin 的使用及安装
08-27
Webpack 插件 extract-text-webpack-plugin 使用及安装详解 插件简介 extract-text-webpack-plugin 是一个用于 webpack 的插件，主要用来抽离 CSS 样式，防止将样式打包在 JS 中引起页面样式加载错乱的现象。 ...
Webpack版本与extract-text-webpack-plugin插件
brave_haha的博客
07-19 2740
因为我想跟着书上走，所以就配置了webpack2x，当配置插件extract-text-webpack-plugin时，使用以下命令 npm install extract-text-webpack-plugin --save-dev 一直出错，当然是版本冲突的问题了，现在都webpack4x了，插件的配置当然跟着webpack的版本走 # for webpack 3 npm ins...
extract-text-webpack-plugin 不再支持 Webpack 4.3.0
逸尘的专栏
02-27 1917
问题描述 目前 extract-text-webpack-plugin 最新版本不支持 Webpack 4.3.0 版本. Webpack 4.2.0 一下可用。 目前从 extract-text-webpack-plugin issues 了解， 未来 extract-text-webpack-plugin 将废弃，作者建议使用 mini-css-extract-plugin easywebpa...
webpack插件之extract-text-webpack-plugin问题总结
爱代码的小海的博客
12-19 1545
问题1：webpack的版本过高 错误提示：Tapable.plugin is deprecated. Use new API on .hooks instead 错误原因：webpack的版本为4.x，但是css独立打包的插件不支持webpack4，所以需要下载插件的最新的beta版 解决方案： npm install extract-text-webpack-plugin@next 问题2：...
extract-text-webpack-plugin, 将包中的文本提取到文件中.zip
10-09
extract-text-webpack-plugin, 将包中的文本提取到文件中 提取文本插件从分发包或者分发包中提取文本到单独的文件中。安装# for webpack 3npm install --save-dev extract-text-webpack-plugi
webpack：css代码提取插件extract-text-webpack-plugin和mini-css-extract-plugin
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
09-25 939
webpack 4.0以前，我们通过extract-text-webpack-plugin插件，把css样式从js文件中提取到单独的css文件中。webpack 4.0以后，官方推荐使用mini-css-extract-plugin插件来打包css文件（从css文件中提取css代码到单独的文件中，对css代码进行代码压缩等）。替代extract-text-webpack-plugin 进行资源提取。提取静态资源 css 等。
extract-text-webpack-plugin
weixin_34408717的博客
07-14 99
extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象; 安装方法 npm install extract-text-webpack-plugin --save-dev 配置项 const ExtractTextPlugin = require("extract-text-webpack-pl...
extract-text-webpack-plugin的坑
weixin_30267785的博客
01-23 108
注意loader 的顺序还有格式 上述写法就会报错 可能因为 plugin 不支持这种格式的加载器写法 然后就是加载器的顺序要写对，他会按从右往左的顺序进行编译 上面是源代码，他会判断参数格式，所以你也可以这样写 转载于:https://www.cnblogs.com/zhang-fan/p/6344747.html...
探索Webpack的秘密武器：Extract TextWebpackPlugin
gitblog_00084的博客
04-09 853
探索Webpack的秘密武器：Extract TextWebpackPlugin extract-text-webpack-plugin项目地址:https://gitcode.com/gh_mirrors/ext/extract-text-webpack-plugin 在前端开发中，Webpack已经成为了模块打包的重要工具，它允许我们高效地管理和构建复杂的JavaScript应用。然而，处理...
extract-text-webpack-plugin报错
追逐丶的博客
12-17 3702
一、问题产生 好好的webpack项目，本来正常跑，正常编译。结果某天突然就这样： ERROR in ./node_modules/_extract-text-webpack-plugin@3.0.0@extract-text-webpack-plugin/dist/loader.js?{“omit”:1,“remove”:true}!../pcClient/node_modules/_vue-......
【049】使用webpack2和extract-text-webpack-plugin时遇到Chunk.entry was removed. Use hasRuntime()错误的解决方法
热门推荐
zhangchao19890805的专栏
11-13 1万+
我遇到的报错信息如下：F:\workspaceSet\vsc\blog-ng-tab>npm run build> blog-ng-tab@0.0.1 build F:\workspaceSet\vsc\blog-ng-tab > cross-env NODE_ENV=production webpack --progress --hide-modules 71% sealingF:\workspa
extract-text-webpack-plugin安装
05-05
要使用 `extract-text-webpack-plugin` 插件，你需要先安装它。在安装之前，确保你已经安装了 Node.js 和 npm。 安装 `extract-text-webpack-plugin` 的命令如下： ``` npm install --save-dev extract-text-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值