node:12860) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function

最新推荐文章于 2023-12-26 10:00:38 发布
原创 最新推荐文章于 2023-12-26 10:00:38 发布 · 639 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #vue.js

在使用Vue.js项目并执行build时遇到一个错误：(node:12860) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function。问题源于css-loader的版本不兼容。解决此问题的方法是先通过cnpm uninstall css-loader卸载当前版本，然后安装指定版本css-loader@2.0.2：cnpm install css-loader@2.0.2 --save-dev。

下载了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:\桌面\笔记\vuejs\day01\12-webpack的使用\03-webpack的loder\node_modules\loader-runner\lib\LoaderRunner.js:119:14)
at runSyncOrAsync (D:\桌面\笔记\vuejs\day01\12-webpack的使用\03-webpack的loder\node_modules\loader-runner\lib\LoaderRunner.js:120:4)
at Array. (D:\桌面\笔记\vuejs\day01\12-webpack的使用\03-webpack的loder\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (D:\桌面\笔记\vuejs\day01\12-webpack的使用\03-webpack的loder\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:40:15)
at D:\桌面\笔记\vuejs\day01\12-webpack的使用\03-webpack的loder\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:77:9
at D:\桌面\笔记\vuejs\day01\12-webpack的使用\03-webpack的loder\node_modules\grac

最低0.47元/天 解锁文章
sass: Modele build failed: TypeError: this.getResolve is not a function...
skysys的研究小屋
02-18 623
错误原因：sass-loader版本过高导致编译错误 解决办法：将sass-loader版本调至7.3.1
webpack打包css报错（已解决）：UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
qq_45914170的博客
01-07 4651
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
(node:13684) UnhandledPromiseRejectionWarning: Unhandled promise rejection
黎小小的博客
11-14 1310
我这里 "ts-node-dev": "^2.0.2"，版本修改为 "ts-node-dev": "^1.0.0-pre.44"即可正常启动。出现UnhandledPromiseRejectionWarning:一般就是包版本问题，或者包冲突。
(node:2233) UnhandledPromiseRejectionWarning: Error: EACCES: permission denied, mkdir ‘/usr/loca~‘
前端攻城狮
07-27 1874
UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhan
Vue打包错误：UnhandledPromiseRejectionWarning: Error: Cannot divide by “px“, number expected
gdgztt的专栏
11-28 478
Vue打包错误：UnhandledPromiseRejectionWarning: Error: Cannot divide by "px", number expected
UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘ 报错处理
q879936814的博客
12-26 1万+
)是ES2021的语法，node v15.0.0以上才支持逻辑空赋值(?之前为了兼容旧代码使用的node版本是14。使用Vue3+Vite创建项目时忽然报这个错。使用nvm切换16的node，成功解决。
UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throw
qq_41358574的博客
06-25 1203
今天vue项目本来跑的很正常突然莫名其妙就出现了错误（我根本没有改动代码？？），慌得一批，又整了半小时终于复原了 依赖项真的莫名其妙的bug令人心力交瘁 删除了node_modules 尝试了的命令： npm install npm@latest -g npm cache clean -f npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install 再次npm run dev又说有依赖没找到： npm i ele
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
Node.js报错：UnhandledPromiseRejectionWarning: Unhandled promise rejection
热门推荐
彭世瑜的博客
02-18 1万+
UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch() 解决办法： 增加catch new Promise((resolve,
React开发（271）:UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated e
歌谣的博客
12-02 726
原因：没有进行promise的差错处理 解决方案：加一个catch语句 .catch(err => { console.log(err); })
记录一个vue项目报错UnhandledPromiseRejectionWarning: Unhandled promise rejection.
mataodehtml的博客
08-11 5182
使用vue-cli创建vue项目，加入一些之前的代码，然后打包运行报错： (node:4892) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing insi de of an async function without a catch block, or by rejecting a promise which was not handled wit
promise的reject出错：UnhandledPromiseRejectionWarning
weixin_45440502的博客
08-21 3156
问题: (node:11504) UnhandledPromiseRejectionWarning: # <node_internals>/internal/process/warning.js:32 (node:11504) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function with
UnhandledPromiseRejectionWarning: …/node_modules/jsdom/lib/api.js:referrer: req.getHeader(“referer“)
猫咪也会无聊~
03-13 1069
百度尝试无果，代码中并未有很多 new Promise 加了，.catch(()=>{}) 也没有效果。日常项目启动出现问题，在未改动代码的时候，项目启动编译报如下错误。当前版本 node -v ： 12.xx.xx。项目中需要的 是 14 以上。可尝试查看 node 版本。切换高版本 node 版本。
webpack打包vue提示错误：(node:20752) UnhandledPromiseRejectionWarning: Error: Cyclic dependency
王小鬼的博客
11-13 1万+
错误提示： (node:22248) UnhandledPromiseRejectionWarning: Error: Cyclic dependency   错误：循环依赖   webpack4打包vue2时，碰到的致命bug，开发环境是正常的，就是打包发布时提示循环依赖错误，在国内百度了半天，没找到解决办法，后来还是到国外找我哥解决的。在此记录一下！ 据我哥说，问题是因为HtmlWe...
webpack打包报错：UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
qhsr9177的博客
02-10 686
报这个错一般是因为安装的 css-loader（可能是其他，取决于你安装了什么） 版本过高了，卸载了重装就好。 执行这段命令卸载(你安装的是什么这里写什么) npm uninstall css-loader 执行这段命令安装，我这里是2.0.2的 npm install --save-dev css-loader@2.0.2 ...
运行koa，报错：UnhandledPromiseRejectionWarning: ReplyError: ERR invalid DB index，分析以及解决办法
saucxs
12-12 3057
今天运行后端koa出现这个问题，当时自己还一脸懵逼，？？？？？ 报错信息：(node:8668) UnhandledPromiseRejectionWarning: ReplyError: ERR invalid DB index 一、问题出现 使用百度翻译了一下，知道是数据库的索引有问题，还是一脸懵逼状态。？？？？   二、问题分析 发现问题是： 一个redis实例默认有16个...
webpack打包时遇到的错误：UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
farise的博客
11-13 860
错误原因：style-loader 和css-loader版本过高 解决办法：手动更改package.json文件中的配置信息 在命令行中依次执行： npm install npm dev
Syntax Error: TypeError: this.getLogger is not a function
最新发布
11-04
你遇到的错误： ``` Syntax Error: TypeError: this.getLogger is not a function ``` 这个错误通常出现在 **Webpack 构建过程中**，尤其是在使用某些 loader 或 plugin 时，特别是在 **Webpack 版本升级后（如从 v4 升级到 v5/v6）**。它表明某个模块试图调用 `this.getLogger()`，但当前上下文（`this`）并不是 Webpack 的正常 loader context，或者使用的 **loader / plugin 版本与 Webpack 不兼容**。 --- ## 🔍 错误原因详解 ### 📌 `this.getLogger()` 是什么？ 在 **Webpack 5+** 中，Webpack 引入了新的 [Loader API](https://webpack.js.org/api/loaders/)，其中提供了： ```js this.getLogger('some-identifier') // 返回一个 logger 实例 ``` 用于在 loader 中记录日志（调试、警告等）。这是一个 **Webpack 5+ 新增的方法**。 > ❌ 问题在于：如果你在 **Webpack 4 或更低版本** 中运行一个 **为 Webpack 5 设计的 loader**，那么 `this.getLogger` 就不存在，因此报错： ``` TypeError: this.getLogger is not a function ``` --- ## ✅ 常见触发场景 | 场景 | 描述 | |------|------| | 1. 使用了新版 loader（如 `css-loader@6+`, `less-loader@11+`）但 Webpack 是 v4 | 这些 loader 内部调用了 `this.getLogger()` | | 2. 自定义 loader 中使用了 `this.getLogger()` 但运行环境是 Webpack 4 | 方法未定义 | | 3. pnpm/yarn/npm 锁文件导致安装了不兼容的依赖版本 | 即使配置正确，也可能拉取高版本 loader | --- ## ✅ 解决方案 ### ✅ 方案一：确认 Webpack 版本并降级相关 loader #### 步骤 1：检查你的 Webpack 版本 ```bash npx webpack --version # 或 npm list webpack ``` 如果输出类似： ``` webpack 4.x.x ``` → 那么你不能使用任何依赖 `this.getLogger()` 的 loader（即 Webpack 5+ only 的 loader） #### 步骤 2：降级到 Webpack 4 兼容的 loader 版本 | Loader | Webpack 4 兼容版本 | Webpack 5+ 才支持的版本 | |--------|---------------------|--------------------------| | `css-loader` | `^5.2.7` | `^6.0.0` | | `style-loader` | `^2.0.0` | `^3.0.0` | | `less-loader` | `^7.3.0` | `^8.0.0` | | `sass-loader` | `^10.3.1` | `^12.0.0` | | `ts-loader` | `^6.2.2` | `^9.0.0` | 👉 示例：降级 `css-loader` 和 `style-loader` ```bash npm install css-loader@5.2.7 style-loader@2.0.0 --save-dev ``` 或使用 pnpm： ```bash pnpm add css-loader@5.2.7 style-loader@2.0.0 --dev ``` --- ### ✅ 方案二：升级 Webpack 到 v5+（推荐长期方案） 如果你希望使用现代 loader，最佳做法是将 Webpack 升级到 v5。 #### 升级命令： ```bash npm install webpack@5 webpack-cli@latest --save-dev ``` 然后更新 `webpack.config.js` 添加必要字段（如 `mode`）： ```js module.exports = { mode: 'development', // 必须显式设置 entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loader'] } ] } }; ``` ✅ 升级后，`this.getLogger()` 就可用，错误消失。 --- ### ✅ 方案三：排查自定义 loader 或第三方插件 如果你写了自定义 loader： ```js function myLoader(source) { const logger = this.getLogger(); // ❌ 在 Webpack 4 下会失败 logger.debug('Processing file...'); return source; } ``` #### 修复方法：添加兼容性判断 ```js function myLoader(source) { let logger; if (typeof this.getLogger === 'function') { logger = this.getLogger('my-loader'); logger.debug('Processing file...'); } else { console.log('[MyLoader] Processing file...'); } return source; } ``` 这样可以在 Webpack 4 和 5 下都安全运行。 --- ### ✅ 方案四：清理依赖树，避免版本冲突 有时即使你指定了低版本 loader，但由于依赖锁或嵌套安装机制（尤其是 pnpm），仍可能加载了高版本。 #### 检查实际加载的版本： ```bash npm ls css-loader # 或 pnpm list css-loader ``` 确保没有意外的 `6.x` 版本被引入。 #### 清理重建： ```bash # 删除 node_modules 和 lock 文件 rm -rf node_modules package-lock.json # 或 pnpm: rm -rf node_modules pnpm-lock.yaml # 重新安装 npm install # 或 pnpm install ``` --- ### ✅ 示例：Webpack 4 安全配置（CSS 处理） ```js // webpack.config.js const path = require('path'); module.exports = { mode: 'development', entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.css$/, use: [ 'style-loader', // 使用 ^2.0.0 'css-loader' // 使用 ^5.2.7 ] } ] } }; ``` 安装命令： ```bash npm install style-loader@2.0.0 css-loader@5.2.7 --save-dev ``` --- ## ✅ 如何预防此类问题？ 1. ✅ 查看 loader 的 `peerDependencies`： ```bash npm info css-loader@6.0.0 peerDependencies ``` 输出： ```json { "webpack": "^5.0.0" } ``` → 明确告诉你必须用 Webpack 5+ 2. ✅ 使用 `resolutions`（yarn）或 `pnpm override` 强制版本控制 yarn: ```json "resolutions": { "css-loader": "5.2.7" } ``` pnpm: ```json // pnpm-lock.yaml 同级的 package.json "pnpm": { "overrides": { "css-loader": "5.2.7" } } ``` 3. ✅ 开发前统一技术栈版本，避免混用新旧工具链 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值