webpack3.6.0安装css-loader时报错：(node:7496) UnhandledPromiseRejectionWarning: TypeError: this.getResolve

最新推荐文章于 2024-05-31 11:26:57 发布
最新推荐文章于 2024-05-31 11:26:57 发布
阅读量950 收藏
点赞数
文章标签： npm bug javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vi_to/article/details/113588750
版权

报错的原因：(node:7496) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
原因是说版本不对，我webpack安装的是3.6.0的版本，但是在安装css-loader时按照官网上的直接安装：npm install --save-dev css-loader跳转css-loader官网，安装的是最新版本，于是在打包时就会出现这个报错，

在这里插入图片描述

现在只需要卸载重新安装就可以了：
npm uninstall css-loader //卸载
npm install css-loader@3.0.0 --save-dev //指定版本重装

如有错误，还请指出！！谢谢！

vi_to
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
webpack-ssi-include-loader:废弃寻找 SSI 的 html 内容包括模板字符串，
05-29
Webpack SSI 包含加载器 描述 这个包的创建是为了帮助那些必须使用 SSI 和 webpack 的开发人员。 它将有助于设置开发... yarn add webpack-ssi-include-loader module : { rules : [ ... . { test : / \. html?
postcss-variables-loader:使用Webpack + HMR在CSS和JS之间共享变量
04-28
允许您使用Webpack和HMR在CSS和JS之间共享变量。 该加载器将特殊CSS文件转换为JS模块。 CSS和JS之间的共享变量 HMR友好，CSS更改可即时应用。 为使JS更友好，加载器将： 从CSS px数字中删除px部分 将破折号转换...
报错：webpack@3.6.0版本与css-loader不兼容问题
weixin_51375107的博客
10-19 1241
webpack3.6.0与其他loader不兼容如何解决? 再次提供一套兼容版本 只需要把下面版本号复制到package.json中，然后直接使用指令：npm install即可。 不要一个一个去安装。 "devDependencies": { "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-preset-es2015": "^6.24.1", "css-loader": "^3.0.0", .
【webpack】webpack3.6.0 css-loader 报错this.getOptions is not a function
weixin_45650440的博客
09-17 762
原因 ：本地webpack3.6.0， 解决 ：安装指定 css-loader css-loader@3.0.0 --save-dev
webpack3.6.0与css-loader和style-loader版本不兼容报错解决以及其他配置
qq_42898366的博客
03-30 4449
使用的是webpack3.6.0 尝试过css-loader2.0.2报错 npm ERR! code ERESOLVE 故降低css-loader版本 最终成功！
webpack@3.6.0（2） -- css及图片相关问题
weixin_30824599的博客
05-18 263
本篇内容 css3前缀处理postcss 消除未使用的css部分 图片处理 css分离和分离后的图片处理 css3前缀处理postcss cnpm i -D postcss-loader autoprefixer 在webpack.config.js中建postcss.config.js module.exports={ plugins:[ require('autop...
webpack安装css-loader后，运行出错
m0_46270048的博客
04-30 822
webpack安装css-loader后，运行出错 第一步在终端输入npm install --save-dev css-loader 第二步在终端驶入npm install --save-dev style-loader 第三步在终端使用 npm run build命令，结果显示 TypeError: this.getResolve is not a function at Object.loader (E:\web_code\12-webpack的使用\03-webpack的loader\node_mo
webpack-conditional-loader：JavaScript的C条件指令
02-06
webpack条件加载器 受启发，条件加载器决定是否将给定的块包含在最终的束中。 对于删除工具代码和使最终产品包更小（因此更快）很有用。 安装 npm install --save-dev ... use : [ 'babel-loader' , 'webpack-conditi
underscore-template-loader:用于Webpack的Underscore和Lodash模板加载器
05-05
* 1.1：通过`query`支持宏（thx @ JimYan，@ devlinjunker）* 1.0：Loader现在可与Webpack 4一起使用。 安装 npm install underscore-template-loader 确保已安装underscore或lodash软件包。 用法 module . ...
dts-css-modules-loader:替换为https
05-04
安装npm i -D dts-css-modules-loader# oryarn add -D dts-css-modules-loader用法{ test : / \. scss $ / , use : [ { loader : 'style-loader' , options : { esModule : false , } , } , { loader : 'dts-css-...
webpack学习：安装、打包、学习css文件
qq_60692304的博客
10-01 283
webpack安装打包和css文件处理流程，安装loader报错解决方案
webpack安装css-loader和style-loader的版本问题
weixin_43906233的博客
03-27 547
运行指令: npm audit fix (检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖，而不必再自己进行跟踪和修复。)
Webpack入门（loader预处理器）三
qq_30764777的博客
12-18 790
一、Webpack loader简介 Loader是Webpack生态里一个重要的组成，我们一般称之为预处理器。 Webpack在进行打包的时候，对所有引入的资源文件，都当作模块来处理。 但Webpack自身只支持对JS文件处理（现在的版本也支持对JSON文件处理），如果你引入了一个CSS文件或图片文件，那么Webpack在处理该模块的时候，会在控制台报错： Module parse failed…You may need an appropriate loader to handle this f
关于webpack下载loader时遇到的问题
Love_Susan_的博客
08-29 241
下载0.28.0版本
npm ERR! dev webpack@“^3.6.0“ from the root project npm ERR! npm ERR! Could not resolve dependency
weixin_57662182的博客
03-12 2156
node的版本和node-sass、sass-loader版本不兼容，可以去官网查看对应的版本，我的node版本为：v16.14.0。只要将版本对应起来，基本问题就解决了.
npm install node-sass 安装失败的解决方案：利用国内镜像加速安装
一起coding，一起嗨。
05-28 565
npm install node-sass 安装失败的解决方案：利用国内镜像加速安装
npm yarn 更换国内源以及node历史版本下载地址【超简洁步骤】
weixin_38989540的博客
05-29 216
npm yarn 更换国内源
如何发布自己的 npm 包
山重水复疑无路，柳暗花明又一村。
05-30 914
以上步骤应该能够帮助你成功发布自己的npm包。请确保在发布前认真测试和验证你的代码，以确保其他开发者能够无缝地使用你的包。然后在项目的 node_modules 文件夹下查看是否有 npm 包。在项目目录中编写你的 npm 包代码。这表示 npm 将从 index.js 文件开始加载你的包。1、开发过程中可以在其他本地项目中使用调试，以查看实时效果。如果在发布后进行了一些修改，需要更新版本号并重新发布。按照提示填写项目信息，包括包名、版本、描述等。在本地创建一个新的项目目录，并进入该目录。
微信小程序 npm构建+vant-weaap安装
最新发布
Z_Wonderful的博客
05-31 458
微信小程序：工具-npm构建。
babel-loader Syntax Error: TypeError: this.getOptions is not a function
09-14
2. 如果你正在使用 webpack 配置文件，找到包含 babel-loader 的规则，并将 `this.getOptions` 替换为 `loaderUtils.getOptions`。例如，修改前的规则可能是这样的： ```javascript { test: /\.js$/, use: '...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值