webpack热更新报错:Refused to apply style from ‘http://127.0.0.1:9000/main.8b0a1621.css‘ because its MIME

el/2024/3/2 12:31:12

webpack热更新无效

打开控制台一看,报了下面的错:
在这里插入图片描述

原来是无法访问到打包后的样式资源,测试后纯js是可以热更新的。

网上搜了很多答案,绝大部分都是路径问题,但实际上我这不是路径问题,点击链接可以在控制台的来源中访问到样式资源:
在这里插入图片描述
后面我怀疑是我的css相关loader有问题,结果一看,果然如此:

            {test: /\.css$/,use: [MiniCssExtractPlugin.loader, 'css-loader'],},{test: /\.less$/,use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'less-loader']},

我这里用的是MiniCSSExtractPlugin.loader来代替style-loader的,而MiniCSSExtractPlugin是不支持HRM热更新的,需要手动刷新

将MiniCSSExtractPlugin.loader改回style-loader即可。

最后感谢这位博主的文章,让我知道问题所在:
style-loader、mini-css-extract-plugin的区别


http://www.ngui.cc/el/1461157.html

相关文章

从头再来(给奥运失利的健儿们)

奥运会已经开幕5天了,中国队在前两天开了一个很好的头,但是随着体操男团的失利和中国弱势项目的相继开赛,中国的夺金势头大大受挫。很多优势项目都出现了无谓的失误,跳水,羽毛球,乒乓球,射击他们…

通过几个非常实用的例子了解asp中使用正则表达式

? 通过几个非常实用的例子了解asp中使用正则表达式 我们知道,在 VBscript 5.0 开始支持 正则表达式,下面我们通过几个常用的应用例子来帮助我们了解和使用 这个好的程序书写格式1首先,密码验证 我们的密码验证的规则是--密码的第一个字母不…

SHA1 加密

举个简单例子,下面这个是 SHA1 加密的一个函数,完全可以用来加密口令, SHA1 加密是 160 位的哈希加密方法。(两个不同字串加密后重复的概率极低,能将小的变化放到成大的变化,即是只错一个字母,加…

[转] 构架师之路

构架师(Architecture)是目前很多软件企业最急需的人才,也是一个软件企业中薪水最高的技术人才。换句话说,构架师是企业的人力资本,与人力资源相比其能够通过构架、创新使企业获得新的产品、新的市场和新的技术体系。那…

asp程序权限控制的代码

重要代码,将这些代码拷贝到代码配置文件中。(代码配置文件就是一个普通的asp文件,所有的公共代码都放到这 个文件中,其他需要调用公共代码的就通过include将这个文件包含进去。 权限验证代码RightString:权限串&#x…

[转]在网页中动态的生成一个gif图片

大家知道股票网站的K线图是动态生成的定时刷新PHP 就有动态生成图片的功能那么怎样用asp.net在网页中动态的生成一个图片呢?下面我要举的例子是动态的生成一个图片显示当前时间namespace Wmj{using System;using System.Drawing;using System.Web.UI; public clas…

[转]Windows 2000 下 RDS 配置详解

在Windows 2000下面,由于RDS的缺省安全配置同IIS4不同,从而造成RDS无法正常使用,以下是本人根据微软 MDAC 2.6 SDK 的 ADO 文档中关于RDS的说明部分翻译并整理总结而成的配置步骤,在我所配置的服务器中都获得成功,现供…

OpenSchema方法技术探讨(一)

? 从提供者获取数据库模式信息。 语法 set connectionserver.createobject(“adodb.connection“) Set recordset connection.OpenSchema (QueryType, Criteria, SchemaID) 返回值 返回包含模式信息的 Recordset 对象。Recordset 将以只读、静态游标打开。 参数 Quer…

OpenSchema方法技术探讨(二)

利用openschema可以获得所有表的主键,当然这只是它的很多功能中的一个。 connstr "ProviderMSDAORA.1;User IDliujincai;passwordljc1001;Data Sourcehp1" set mmserver.CreateObject("adodb.connection") mm.Open connstr Const adSchemaPri…

OpenSchema方法技术探讨(三)

获得任意一个存储过程的参数列表,这个对于想做完全松耦合系统的哥们一定有用的。这个程序获得名字为PRO_HOUSE_ADD_INFO的存储过程的参数列表 connstr "ProviderMSDAORA.1;User IDliujincai;passwordljc1001;Data Sourcehp1" set mmserver.CreateObject…