当前位置: 首页 > news >正文

使用 yarn 的时候,遇到 Error [ERR_REQUIRE_ESM]: require() of ES Module 怎么解决?

在这里插入图片描述

晚上回到家,我打开自己的项目,执行:

cd HexoPress
git pull --rebase
yarn install
yarn dev

拉取在公司 push 的代码,然后更新依赖,最后开始今晚的开发时候,意外发生了,竟然报错了,明明在公司时候还好好的。到底怎么回事?

/Users/charles/Projects/HexoPress/node_modules/concurrently/node_modules/cliui/build/index.cjs:291
const stringWidth = require('string-width');^Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/charles/Projects/HexoPress/node_modules/string-width/index.js from /Users/charles/Projects/HexoPress/node_modules/concurrently/node_modules/cliui/build/index.cjs not supported.
Instead change the require of index.js in /Users/charles/Projects/HexoPress/node_modules/concurrently/node_modules/cliui/build/index.cjs to a dynamic import() which is available in all CommonJS modules.at Object.<anonymous> (/Users/charles/Projects/HexoPress/node_modules/concurrently/node_modules/cliui/build/index.cjs:291:21)at Object.<anonymous> (/Users/charles/Projects/HexoPress/node_modules/concurrently/node_modules/yargs/build/index.cjs:1:60678)at Object.<anonymous> (/Users/charles/Projects/HexoPress/node_modules/concurrently/node_modules/yargs/index.cjs:5:30)at Object.<anonymous> (/Users/charles/Projects/HexoPress/node_modules/concurrently/dist/bin/concurrently.js:30:33) {code: 'ERR_REQUIRE_ESM'
}Node.js v20.8.1
error Command failed with exit code 1.

放狗在网上一搜,我发现这个问题并非我一个人遇到,竟然相当普遍。

其实我在公司,都还好好的,怎么可能回家就不对了呢?表面上看,这个问题的原因是在一个 Common JS 的代码里,用 require() 去引用了一个 ES Module 的类,这么操作是不支持的。推荐的解决办法是,将 require() 换成 import()。不用想,这当然是无稽之谈,很显然,出问题的代码根本就不是我写的,怎么可能去改呢?

是我引用的依赖,它的依赖,我的依赖我都不可能改,更别说依赖的依赖了。

比对整合了多篇帖子的内容后,我发现大家遇到这个错误是在不同的库,比如我这个场景是 concurrently 引用 string-width 的时候,网上还有很多人是引用 ts-node 的时候,别的也有。不过,不同场景遇到同一个错误,确实一点奇怪。终于,我发现,共性是大家都用了包管理器 yarn,有人说,将 yarn 升级到 3 就可以解决了。

我定睛一看,我 Node 版本是 20+,但是用的 yarn 竟然是 v1.22,为什么会用了一个这么老的 yarn 版本呢?这次我是真的乏力了,第一,我搞不清到底 yarn 有什么 bug 导致了这个问题,第二我搞不清为什么我会用这么旧一个 yarn 的版本。

解决方法很简单,就是升级 yarn,但是怎么升级呢?首先,你要确保你的 Node 环境的版本在 16.10+,然后:

yarn set version stable
yarn install

在项目里执行上面的命令,然后,你会发现升级完毕了。再次尝试,果然问题解决了。今天我执行完毕后,yarn 已经升级到了 v4.1.0 版本了。现在是 2024 年。

所以,如果你遇到了跟我一样的问题,可以先检查一下 yarn 的版本号是否过老?我前面也有文章提过,推荐初学者使用 npm 作为包管理器,至少我自己使用 npm 的时候,从没遇到过这个问题。确实是兼容性最好的包管理器。

http://www.lryc.cn/news/305227.html

相关文章:

  • 多维时序 | Matlab实现基于VMD-DBO-BiLSTM、VMD-BiLSTM、BiLSTM的多变量时间序列预测
  • 实战营第四节笔记
  • 【网络】HTTPS协议原理
  • C#常识篇(一)
  • Linux使用C语言获取进程信息
  • tomcat通过JAVA_OPTS注入自定义变量 —— 筑梦之路
  • Linux——简单的Shell程序
  • 计算机网络-网络互联与互联网(一)
  • Android 解决后台服务麦克风无法录音问题
  • 【计网】TCP的三次握手四次挥手
  • android pdf框架-4,分析vudroid源码2
  • [算法沉淀记录] 排序算法 —— 希尔排序
  • conda 进入虚拟环境命令报错
  • 域名 SSL 证书信息解析 API 数据接口
  • 学习JAVA的第二天(基础)
  • 代码随想录算法训练营第二十七天|93.复原IP地址、78.子集、90.子集II
  • 【蓝桥备赛】字串简写
  • nios ii开发随笔
  • SpringBoot项目嵌入RabbitMQ
  • 提升网络质量:UDPspeeder 实现网络优化与提速
  • 为什么前端开发变得越来越复杂了?这可能是我们的错
  • VR系统的开发流程
  • 前端输入框校验限制不能输入中文
  • 强大的文本绘图——PlantUML
  • ES相关问题
  • 基于Linux直接安装的Nginx版本升级方法
  • 探索设计模式的魅力:状态模式揭秘-如何优雅地处理复杂状态转换
  • 力扣hot100题解(python版10-12题)
  • 【算法】复杂度分析
  • 车载电子测试学习内容