webpack打包css报错（已解决）：UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function

最新推荐文章于 2022-12-28 21:01:26 发布
原创 最新推荐文章于 2022-12-28 21:01:26 发布
· 置顶 · 9.3k 阅读 · 51 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #css #webpack #前端

初学者在使用webpack打包CSS时可能遇到版本过高的问题，导致CSS无法正确打包。本文介绍了一个具体案例，作者在使用高版本的css-loader和style-loader时遇到了此问题。通过将版本分别下调至3.3.0和1.0.0，再重新安装项目依赖，最终解决了CSS打包失败的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

初学者在学习webpack中容易踩一个版本过高的坑

这是我在使用webpack打包css时，出现的一个错误，导致css无法打包
原因是 css-loader 和 style-loader 版本过高
在这里插入图片描述
解决方法：这是我原来的package.json的版本信息
在这里插入图片描述
现在我手动下调了一下版本

 "css-loader": "^3.3.0",
    "style-loader": "^1.0.0"

然后再命令行中 依次输入：

npm install

npm dev

重新安装项目依赖，然后再次使用webpack打包发现css可以成功打包了~
在这里插入图片描述
以下网站可以查看css-loader 和 style-loader的版本信息
https://www.npmjs.com/package/style-loader
https://www.npmjs.com/package/css-loader

node:12860) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
Exusiai_的博客
06-05 598
下载了css-loder之后build报错如下 (node:12860) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function at Object.loader (D:\桌面\笔记\vuejs\day01\12-webpack的使用\03-webpack的loder\node_modules\css-loader\dist\index.js:62:27) at LOADER_EXECUTION (D:\桌
Vue项目进行webpack打包时出现css报错
Jason_Nevermind的博客
10-22 1418
在进行npm run build进行打包时出现报错: Unknow word 解决方案 暂时注释掉OptimizeCSSPlugin相关配置，等待问题解决后恢复。 1.找到build/webpack.prod.conf文件，注释掉此plugin 2.再次打包：npm run build 此时打包成功 3.在生成的dist中查找出现问题的css，定位到具体样式 此时发现是em标签出现问题，根据上下样式查找出原样式表的相应位置及属性 4.查找样式表问题的对应位置并进行修改 5.更改后放开插件注释并重新b
20221103 webpack打包moment运行后遇到__webpack_require__.hmd is not a function的问题
cx杂谈
11-03 864
webpack打包moment后运行报错的问题
webpack打包时遇到的错误：UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
farise的博客
11-13 822
错误原因：style-loader 和css-loader版本过高 解决办法：手动更改package.json文件中的配置信息 在命令行中依次执行： npm install npm dev
webpack 多页面打包，css不完整的问题
heartOfblack 离开了电脑，我不希望我还有病
08-21 1549
在webpack多入口文件配置中，如果使用了ExtractTextPlugin插件，则需要指定多个输出，否则每个入口作为一个chunk会覆盖掉后面打包的内容。 所以可以写成：new ExtractTextPlugin('[name].css')这样就会根据入口名来打包成N个CSS文件...
如何让webpack支持打包css文件
LPLIFE的博客
06-11 2090
1. webpack本身不支持css的,想要它支持,只需要执行以下命令:  npm install css-loader style-loader --save-dev如下图:2. 然后再进行重新打包就可以了
webpack使用loader在进行打包时报错（已解决）TypeError: this.getResolve is not a function
webchang的博客
01-15 959
webpack使用loader在进行打包时报错，版本问题
vue 引入 scss 编译报错：Module build failed: TypeError: this.getResolve is not a function
邪人君子的博客
02-18 1859
vue 引入 scss 编译报错： ./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-1168d9a7”,“scoped”:true,“hasInlineConfig”:false}!./node_modules/sa...
Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node-sass运行报错
Hero_rong的博客
09-26 899
找了半天，各个配置都检查了，就是报错，后来经过不懈努力终于发现，发现是sass-loader版本太高了 如果各位同学的配置如下，然后还是报错，就可以考虑换一个版本了 1.安装sass npm install node-sass --save-dev npm install sass-loader --save-dev 2.然后配置build文件夹下的webpack.ba...
UnhandledPromiseRejectionWarning: TypeError: Class constructor ServeCommand cannot be invoked withou
qq_45209011的博客
08-29 1536
webpack中“ UnhandledPromiseRejectionWarning: TypeError: Class constructor ServeCommand cannot be invoked without ‘new’”问题 弄了很久都还是报错，如下： 后来直接将开发环境的webpack-cli卸载重新安装后，运行成功
css-loader版本过高报错UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
weixin_47541876的博客
12-01 331
UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function css-loader版本过高报错 npm uninstall css-loader（卸载掉之前安装的） npm install css-loader@2.0.2 --save-dev （安装一个低版本的） 问题解决
gulp时webpack报错：WebpackOptionsValidationError: Invalid configuration object. Webpack has been initial
热门推荐
飞鸟过境的Blog
10-04 2万+
错误信息如下: E:\works\ES6>gulp [20:37:23] Failed to load external module @babel/register [20:37:23] Requiring external module babel-register [20:37:26] Using gulpfile E:\works\ES6\gulpfile.babel.js [20:...
解决报错“ UnhandledPromiseRejectionWarning: TypeError: Class constructor ServeCommand cannot be invoked”
...
12-28 1306
使用插件webpack-dev-server报错如下。需要装最新版本的webpack-cli。
webpack打包时提示Invalid configuration object错误
qq_45706352的博客
04-20 2054
报错内容如下： 一开始出现这个错误百度的时候，说是由于配置版本和webpack版本不匹配，于是尝试降低版本，然而并没有用。 于是耐心看了一下提示configuration.module.rules[1] should be one of these……难不成是配置项写错了，可是我都是根据官方文档复制过来的呀。但还是尝试改一下。 //loder配置 module:{ rules:[ { test: /\.css$/i,
webpack打包css报错 UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
SugarXiXixi的博客
10-19 329
webpack 版本号3.6.0（为了搭配 vue cli 2） css-loader@5.0.0 style-loader@2.0.0 下载 终端只是警告 运行 webpack指令 报错UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function 浏览器端 报错You may need an appropriate loader to handle this file type. ...
vue 打包生产环境报错 UnhandledPromiseRejectionWarning: CssSyntaxError:
晓风揽月
01-15 1367
采坑血泪史。。。打包忽然抛错，如图，怀疑依赖没下载完整，然后卸载安装一下午，然并卵，后在博主贴子找到思路， 报错信息如下，css压缩时出现错误： ！！！！关注这里，红色框里的关键信息UnhandledPromiseRejectionWarning: CssSyntaxError: 解决方案：打开配置文件 build-->webpack.prod.conf.js，文件内查找OptimizeCSSPlugin ，找到后先注释，如下图 先尝试注释，然后打包，发现可以打包成功。 备注：出错原...
IE中【Unhandled promise rejection Error: 拒绝访问。】
板砖工KO水泥匠
07-22 1万+
最近在使用vue开发中，发现一个问题【Unhandled promise rejection Error: 拒绝访问。】 一、情况A 后来通过百度得知是因为promise的异常捕获冒泡，那就根据大佬们的前车之鉴进行调整吧，在 promise 函数中添加上catch ，处理异常。 当Promise的状态变为rejection时没有正确处理，让其一直冒泡（propagation），直至被进程捕获。这个Promise就被称为unhandledpromiserejection。 //方式一.then(undef
[Vue]解决less-loader报错 TypeError: this.getOptions is not a function pnpm
最新发布
12-06
在使用Vue开发项目时，可能会遇到less-loader报错 `TypeError: this.getOptions is not a function`。这个问题通常是由于less-loader版本不兼容导致的。以下是解决这个问题的步骤： 1. **检查less-loader版本**： ...
评论 23
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值