webpack安装处理css依赖，并解决 TypeError: this.getResolve is not a function的问题

最新推荐文章于 2022-11-25 10:22:41 发布
最新推荐文章于 2022-11-25 10:22:41 发布
阅读量570 收藏
点赞数
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43918070/article/details/111947560
版权

Webpack css-loader 错误修复 版本冲突 构建流程
关键词由CSDN通过智能技术生成
问题描述

(node:10136) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
at Object.loader (F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\css-loader\dist\index.js:62:27)
at LOADER_EXECUTION (F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\loader-runner\lib\LoaderRunner.js:119:14)
at runSyncOrAsync (F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\loader-runner\lib\LoaderRunner.js:120:4)
at iterateNormalLoaders (F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at Array. (F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:40:15)
at F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:77:9
at F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\graceful-fs\graceful-fs.js:123:16
at FSReqWrap.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:53:3)
(node:10136) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function wit
hout a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:10136) [DEP0018] 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.

处理方法

一：修改css-loader中的版本问题，网上解决方法是把8.0版本修改为7.3，我这里把其修改为3.6.0就可以了。
在这里插入图片描述
二：运行npm install
三：运行npm run build 成功解决问题。

weixin_43918070
关注
专栏目录
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 4940
vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt
node:12860) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
Exusiai_的博客
06-05 491
下载了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:\桌
解决前端项目问题：Uncaught (in promise) TypeError: resolve is not a function报错
意初的博客
09-23 9004
运行项目浏览器：Uncaught (in promise) TypeError: resolve is not a function报错。
使用scss报错TypeError: this.getResolve is not a function
weixin_40151813的博客
11-26 247
原因：安装的sass-loader的版本为最新8.0.0，查看网上资料说是版本过高导致编译错误。   解决方法： 把项目package.json文件中sass-loader版本改为7.3.1。执行命令，重新安装项目依赖： npm install 然后，启动项目： npm run dev 就好了！ ...
前端学习（2146）：vue中TypeError: this.getResolve is not a function
歌谣的博客
09-04 850
可能是加载顺序的问题 const path = require('path') module.exports = { entry: './src/main.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bund.js' }, module: { rules: [{ test: /\.css$/,
TypeError: this.getResolve is not a function问题解决
soenluzy的博客
03-29 1580
TypeError: this.getResolve is not a function问题解决 在使用webpack解析css时，需要npm install css-loader style-loader --save-dev，然后配置规则，但是启动直接报了异常， 原因为css-loader的版本跟webpack的版本不兼容 我的工程是webpack3.x，而install 的css-loader为最新版本5.2.0，版本相差过多，将css-loader版本降低至3.x版本即可正常， 这里建议各位，在使用
node.getIterator is not a function
weixin_45701199的博客
11-09 6641
场景:vue搭建移动端页面，main.js引入全局css报错。 原因：用了postcss-px2rem与postcss-px2rem-exclude导致的问题， 解决方案：卸载后postcss-px2rem， 安装使用postcss-pxtorem。在postcss.config.js设置如下代码，可以自行更改设置，解决问题。 const autoprefixer = require('autoprefixer'); const px2rem = require('postcss-pxto...
webpack使用loader在进行打包时报错（已解决）TypeError: this.getResolve is not a function
webchang的博客
01-15 902
webpack使用loader在进行打包时报错，版本问题
webpack打包css报错（已解决）：UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
qq_45914170的博客
01-07 4538
UnhandledPromiseRejectionWarning错误解决 今天在学习codewhy老师的webpack课程时，安装webpack的loader时，报了下面这些错误 (node:13936) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function at Object.loader (D:\桌面\前端代码\vue\webpack\learnWebpack-01\webpack的配置\no
Module build failed: TypeError: this.getResolve is not a function at Object.loader……
ActionPig 的 Js
09-08 1902
由于还用不惯 webpack 4，特别是采用了vue-cli3 搭建的项目，由于还没搞懂在这种环境中自己手动调整配置（vue-cli3 简化了配置，原来很多的配置都集成到vue-cli3内部，不需要在通过显性的配置了，至少目前觉得反而不方便了），所以又换回了webpack 3.6，还是采用vue-cli2（vue init webpack projectName 搭建环境）。 当采用scss来实现...
使用webpack时报错TypeError: this.getResolve is not a function
zxxz123456的博客
04-27 722
##使用webpack时报错TypeError: this.getResolve is not a function ###报错原因：webpack版本太低或者loader的版本太高 这是原来的配置版本 ##解决办法： 1.把webpack的版本升为最高版本（webpack版本改变牵涉的比较多，到时候怕和其他搭不上，所以可以选择不改webpack版本） 2.把loader的版本降低 （1）先手动在package.json把下载的loader版本降低 （2）然后重新下载一遍刚才使用的loader 然后重
vue引入less报错：loaderContext.getResolve is not a function
曳猫的博客
06-29 593
在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入 { test: /.less$/, loader: “style-loader!css-loader!less-loader”, } 完成后在在【style】标签里面写上【lang=“less”】报错， 百度之后发现原因是由于less-loader安装的版本过高。 在【package.json】中，可查看到安装的版本 解决方法： 卸载安装的高版本的less-loader，【npm uninstall les
cssloader报错，UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
RK
12-17 230
初学者在学习webpack中容易踩一个版本过高的坑 这是我在使用webpack打包css时，出现的一个错误，导致css无法打包原因是 css-loader 和 style-loader 版本过高 解决方法：这是我原来的package.json的版本信息 现在我手动下调了一下版本 "css-loader": "^3.3.0", "style-loader": "^1.0.0" 然后再命令行中 依次输入： npm install npm dev 重新安装项目依赖，然后再次使用w
解决UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
ZJ_xunyicao的博客
12-10 620
我安装的stylus版如下： 安装的stylus-loader版本如下： 在加入stylus跟stylus-loader模块后，vue项目启动的时候报下面的错 原因是stylus跟stylus-loader的新版本不对应。 解决办法： 1.npm uninstall stylus stylus-loader 2.npm i stylus@0.54.5 stylus-loader@3.0.2 --save 参考了这篇文章：vue使用lang=“stylus“报错UnhandledPromiseRe
taro报错 正常安装完，利用脚手架建立一个新的项目，运行直接报错 UnhandledPromiseRejectionWarning:
勾勾的博客
08-02 1709
(node:7972) UnhandledPromiseRejectionWarning: E:\HaiTao\node_modules\@tarojs\webpack-runner\node_modules\webpack-dev-middleware\node_modules\mime\Mime.js:1 SyntaxError: Invalid or unexpected token at wrapSafe (internal/modules/cjs/loader.js:1071:16)
UnhandledPromiseRejectionWarning 错误解决
热门推荐
风格色的博客
02-27 18万+
报错内容(node:2565) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: EACCES: permission denied, unlink '/home/fenggese/workspace/express/code-snippet-web/.nuxt/App.vu
安装依赖过程中的各种报错总结
TKY666的博客
11-14 2136
安装报code 1等错误
vue项目打包失败问题记录
小混子得得的博客
11-25 9164
"vue": "^2.7.14"项目不知名原因打包失败
webpack5 使用 optimize-css-assets-webpack-plugin build时报错
DOT_wen的博客
09-08 2496
webpack5 使用 optimize-css-assets-webpack-plugin build时报错 最近刚开始学习webpack，遇到很多问题，记录一下。 本人安装的是webpack5,然后使用optimize-css-assets-webpack-plugin压缩CSS 报错，如下 TypeError: this.options.cssProcessor.process is not a function， 查看了npm 才发现 对于 webpack v5 或更高版本，可以用css-min
in ./src/assets/icons/iconfont.css Syntax Error: TypeError: this.getOptions is not a function
最新发布
06-03
可能是你的 webpack 配置没有正确地处理 .css 文件。可以检查一下你的 webpack 配置文件，看一下是否正确地配置了相应的 loader，比如 css-loader 和 style-loader。同时也可以尝试更新这些 loader 的版本来解决这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值