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

最新推荐文章于 2022-05-01 23:52:15 发布
置顶 最新推荐文章于 2022-05-01 23:52:15 发布
阅读量9.1k 收藏 51
点赞数 52
分类专栏： webpack 文章标签： vue.js css webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43377853/article/details/108485499
版权

初学者在学习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

River_Js
关注
  • 52
    点赞
  • 踩
  • 51
    收藏
    觉得还不错? 一键收藏
  • 23
    评论
专栏目录
webpack使用loader在进行打包时报错（已解决）TypeError: this.getResolve is not a function
webchang的博客
01-15 849
webpack使用loader在进行打包时报错，版本问题
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js,...
vue：webpack打包过程中的常见错误-加载CSS文件
NXBBC的博客
05-01 1385
module使用的常见问题
(已解决) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
开发路上的AZhe
10-20 9550
版本过高错误 比如我的webpack是3.6.0版本 而我的css-loader是5.0.0 这里就会出现这个错误 解决办法： 1，手动设置，然后采用npm install 重新下载 2，卸载重装 npm uninstall css-loader //卸载 npm install css-loader@3.0.0 --save-dev //指定版本重装 ...
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项目时的webpack大坑：DeprecationWarning: Unhandled promise rejections are deprecated. precated.
just a moment
08-11 5048
报错信息： 想要启动项目输入npm run dev后的报错信息 DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. 报错原因： 新建的vue项目，由于less-loader版本（在package.
IE浏览器报错Unhandled promise rejection Error: 拒绝访问。文件流下载
wangzhe123_的博客
10-28 3125
项目内有很多导出文件，下载文件功能，前端采用的是文件流下载方式，请求后端接口，返回文件流。 最开始不清楚普通的动态创建a标签方法并不兼容IE，后来在IE上面测试出现了bug “Unhandled promise rejection Error: 拒绝访问。”，看到这个问题直接复制百度了，然后结果都是promise方法可能不对，改了所有的promise方法还是报错，后来想到是不是创建a标签的方式不兼容IE，又百度了文件流下载兼容IE的方法，果然有收获，于是有了下面的解决方法，记录一下。 看了这位作者的文章借鉴
完美解决webpack打包css背景图片路径问题
11-20
在现代Web开发中，Webpack 是一个非常重要的模块打包工具，它负责将各种资源（包括JavaScript、CSS、图片等）转换并打包成适合生产环境的格式。然而，在处理CSS背景图片时，开发者可能会遇到路径问题，这通常是由于...
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host <your_fixed_ip>" ``` 请将`<your_fixed_ip>`替换为你当前网络环境下的IP地址。 此外，这里还补充了一些关于Vue数据...
Webpack打包css后z-index被重新计算的解决方法
08-30
总的来说，解决 Webpack 打包 CSS 后 z-index 重计算的问题需要理解 CSS 的堆叠上下文和 webpack 的打包机制，通过调整配置和优化代码组织，可以有效地防止这类问题的发生。同时，保持代码的整洁和模块化，以及对...
vue---兼容ie遇到的坑，Unhandled promise rejection NavigationDuplicated/Unhandled promise rejection error
maidu_xbd的博客
05-21 1万+
说到兼容ie,真是跟ie浏览器斗争到底呀，真的是不喜欢用ie浏览器，chrome多好。辛酸，可是也不能不去解决它！出现问题如下：当发送后台请求时， ie控制台报错 问题1.Unhandled promise rejection NavigationDuplicated 问题2.unhandled promise rejection error:Request failed with status code 400（人家chrome浏览器可没这么多问题） 解决方法： 问题1解决方法：在.
记一次vuepress报错：UnhandledPromiseRejectionWarning: TypeError: res.getHeader is not a function...
weixin_30394333的博客
03-26 2442
在使用vuepress时，按照官网的操作： 在执行完vuepress之后，控制台出现： VuePress dev server listening at http://localhost:8080/ 当将http://localhost:8080/ 放入浏览器并确定时，会出现以下报错： (node:8960) UnhandledPromiseRejecti...
webpack打包css遇到UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function问题
qq_46071321的博客
12-31 204
原因：loader版本过高导致的错误 因为跟着老师视频学的，安装的webpack版本是3.6.0，所以对应的css-loader的版本是2.0.2 而我安装的css-loader版本是5.0.1 我通过在package.json中手动下调css-loader版本发现还是不行： 于是，卸载掉高版本的css-loader，重新安装 npm uninstall css-loader （卸载） npm install css-loader@2.0.2 --save-dev （安装） 这就可以啦 好啦，内容就是这些
Vue项目进行webpack打包时出现css报错
Jason_Nevermind的博客
10-22 1271
在进行npm run build进行打包时出现报错: Unknow word 解决方案 暂时注释掉OptimizeCSSPlugin相关配置，等待问题解决后恢复。 1.找到build/webpack.prod.conf文件，注释掉此plugin 2.再次打包：npm run build 此时打包成功 3.在生成的dist中查找出现问题的css，定位到具体样式 此时发现是em标签出现问题，根据上下样式查找出原样式表的相应位置及属性 4.查找样式表问题的对应位置并进行修改 5.更改后放开插件注释并重新b
css-loader版本过高报错UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
weixin_47541876的博客
12-01 282
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&amp;gt;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:...
webpack打包时提示Invalid configuration object错误
qq_45706352的博客
04-20 1910
报错内容如下： 一开始出现这个错误百度的时候，说是由于配置版本和webpack版本不匹配，于是尝试降低版本，然而并没有用。 于是耐心看了一下提示configuration.module.rules[1] should be one of these……难不成是配置项写错了，可是我都是根据官方文档复制过来的呀。但还是尝试改一下。 //loder配置 module:{ rules:[ { test: /\.css$/i,
vue打包报错UnhandledPromiseRejectionWarning: CssSyntaxError:
个人博客
02-25 888
记一次vue-cli2 build报错一、错误描述二、解决方式 一、错误描述 build之后出现如下错误 二、解决方式 首先注释掉/bulid/webpack.prod.conf.js中的 new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true }
in ./src/assets/icons/iconfont.css Syntax Error: TypeError: this.getOptions is not a function
最新发布
06-03
这个错误通常是由于 webpack 配置的问题引起的。可能是你的 webpack 配置没有正确地处理 .css 文件。可以检查一下你的 webpack 配置文件，看一下是否正确地配置了相应的 loader，比如 css-loader 和 style-loader。同时也可以尝试更新这些 loader 的版本来解决这个问题。如果还不行，可以贴出你的 webpack 配置文件和报错的具体代码，以便更好地定位问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 23
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值