ESlint报错Error: Must use import to load ES Module解决方法

最新推荐文章于 2025-03-12 13:50:19 发布
最新推荐文章于 2025-03-12 13:50:19 发布
阅读量1.3w 收藏 1
点赞数
分类专栏： 通用 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qj11803017/article/details/125516656
版权
在尝试运行Vue项目时遇到一个错误，提示ES模块和CommonJS模块不兼容。具体报错信息指出，@eslint/eslintrc包的universal.js文件被作为ES模块加载，但require()尝试加载它。解决方法是将node版本升级到16.15.1，使用nvm工具进行版本切换，成功解决了问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错信息

 Error: Child compilation failed:
  [eslint] Must use import to load ES Module: D:\data\HIAPP-Vue\hiapp\node_modul  es\_@eslint_eslintrc@1.3.0@@eslint\eslintrc\universal.js
  require() of ES modules is not supported.
  require() of D:\data\HIAPP-Vue\hiapp\node_modules\_@eslint_eslintrc@1.3.0@@esl  int\eslintrc\universal.js from D:\data\HIAPP-Vue\hiapp\node_modules\_eslint@8.  18.0@eslint\lib\linter\linter.js is an ES module file as it is a .js file whos  e nearest parent package.json contains "type": "module" which defines all .js   files in that package scope as ES modules.
  Instead rename universal.js to end in .cjs, change the requiring code to use i  mport(), or remove "type": "module" from D:\data\HIAPP-Vue\hiapp\node_modules\  _@eslint_eslintrc@1.3.0@@eslint\eslintrc\package.json.

我的解决方法（不一定适用你的）

适用nvm工具将node版本从12.16.3切换到16.15.1

nuxt安装报错eslint Error [ERR_REQUIRE_ESM] Must use import to load ES Module
m0_67392273的博客
03-08 1678
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module:require() of ES modeuls is not supported 时间2021-12-16 想搭建一个nuxt项目，刚开始直接用npx创建了项目 npx create-nuxt-app <项目名> 直接报错了 百度了一大圈没有找到关于这个问题的答案，发现用npx创建nuxt项目，create-nuxt-app的版本是v4.0.0，我就想不用这么新的版本试一下
Gulp项目问题 | gulp-imagemin插件8.0版本小bug（Error [ERR_REQUIRE_ESM]: Must use import to load ES Module）
weixin_42655047的博客
11-05 7342
问题 E:\gulp Project\hello-gulp>gulp Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: E:\gulp Project\hello-gulp\node_modules\gulp-imagemin\index.js require() of ES modules is not supported. require() of E:\gulp Project\hello-gulp\node_mod
[ERR_REQUIRE_ESM]: Must use import to load ES Module(解决)
khy_kkkk的博客
01-18 1754
出现这个原因是因为node.js版本过低，原本用的是12版本，升级到14版本就可以正常使用。
eslint Error: Invalid Options: 错误解决
最新发布
Brave_heart4pzj的博客
03-12 342
eslint
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: D:\p\xjx\node_modules\gulp-strip-debug
smart_dream
08-06 900
这个错误表示你的代码尝试使用require来加载一个ECMAScript模块(ES模块)，但是require只能用来加载CommonJS模块。在Node.js中，ECMAScript模块使用import和export语法。版本更新后，就需要ECMAScript模块来加载，回退到CommonJS模块来加载就可以了。
Eslint配置 Must use import to load ES Module（已解决）
程序猿进化梯
10-15 7052
为例说明，出现这个问题的原因是，eslint使用的node版本太低了（低版本的eslint不支持ES），所以需要修改node的版本。修改版本操作如下（为了保证eslint不会有其他冲突问题，先卸载再安装是最保险的方式），因为这个项目用的node版本不太好改动，所以降低了eslint版本。最近在配置前端项目时，eslint经常会碰到各种报错（灰常头疼~）
nuxt框架应用import出错报Must use import to load ES Module
weixin_43845398的博客
12-31 1237
萌新，求大佬解惑
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: E:\works\large-file-uploader\node_module
黎小小的博客
08-15 4964
vue3+vite项目需要使用nodejs16及以上版本才能正常运行，修改nodejs版本后成功启动。原因：nodejs版本太低。
Must use import to load ES Module
热门推荐
wukeyan的博客
10-03 4万+
在我直接在代码里使用export与import时（没有安装其它插件与依赖包文件） 运行文件时报错：import {circleArea, squareArea} from ’ ./17-CalcArea.js’ SyntaxError: Unexpected token { 上网查了资料，大多都是通过babel来解决，但是我这不是在写项目，只是在练习算法，所以庞大的node_modules文件对我来说还是很鸡肋的，又接着查，后面有一个方法时让我改文件后缀名，将.js改为.mjs，但是运行还是出错：th
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module:
05-13
Node.js 只允许使用 import 语句来加载 ES Module。 您可以尝试使用 import 语句来加载模块，或者将模块转换为 CommonJS 模块。如果您使用的是第三方模块，则需要检查该模块是否支持 CommonJS 模块。如果不支持，则...
db-migrate-plugin-es6cjs：db-migrate插件，用于接受.cjs文件
02-14
db-migrate-plugin-es6cjs 一个允许CJS迁移的插件。 安装 npm安装db-migrate-plugin-es6cjs 实施细节 该插件与db-migrate本身的功能挂钩。 在这种情况下，它将挂接到migrator：migration：hook：require。 它允许db-migrate检测具有（.cjs）扩展名的迁移。 为什么 当您将节点项目定义为ES6模块时，尝试导入由db-migrate工具生成的.js文件时出现错误。 [ERROR] AssertionError [ERR_ASSERTION]: ifError got unwanted exception: Must use import to load ES Module 提出的解决方案是： Instead rename 20210102234349-Test.js to end in .cjs,
利用webpack理解CommonJS和ES Modules的差异区别
11-20
前言 问： CommonJS 和 ES Modules 中模块引入的区别？ CommonJS 输出的是一个值的拷贝；ES Modules 生成一个引用，等到真的需要用到时，再到模块里面去取值，模块里面的变量，绑定其所在的模块。 我相信很多人已经把这个答案背得滚瓜烂熟，好，那继续提问。 问：CommonJS 输出的值是浅拷贝还是深拷贝？ 问：你能模拟实现 ES Modules 的引用生成吗？ 对于以上两个问题，我也是感到一脸懵逼，好在有 webpack 的帮助，作为一个打包工具，它让 ES Modules, CommonJS 的工作流程瞬间清晰明了。 准备工作 初始化项目，并安装 b
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: G:\git\8.25\商城类前端管理\shopManagerPages\node_modules\cwebp-bin\lib\install.js
02-18
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: G:\git\8.25\商城类前端管理\shopManagerPages\node_modules\cwebp-bin\lib\install.js 是一个错误信息，它表示在加载 G:\git\8.25\商城类前端管理\...
JavaScript(JS) ESlint报错Error: Must use import to load ES Module解决方法
weixin_42098295的博客
12-18 1万+
本文主要介绍使用React, Typescript, styled components, webpack时，运行eslint报错Error: Must use import to load ES Module的解决方法。 原文地址：JavaScript(JS) ESlint报错Error: Must use import to load ES Module解决方法
React项目：Must use import to load ES Module
calm_encode的博客
04-25 2492
一 概述 本人在两台电脑上执行同一个项目，一台电脑上可以另一台电脑上就不行，提示如下： Must use import to load ES Module 二 分析和解决 分析：查看两台电脑上安装的Node版本 不行电脑安装的Node版本： 正常启动电脑上安装的Node版本： 解决：修改不行电脑上的Node版本即可 ...
nuxt安装报错eslint Error [ERR_REQUIRE_ESM]: Must use import to load ES Module
weixin_45082961的博客
12-16 8902
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module 时间2021-12-16 想搭建一个nuxt项目，刚开始直接用npx创建了项目 npx create-nuxt-app <项目名> 直接报错了 百度了一大圈没有找到关于这个问题的答案，发现用npx创建nuxt项目，create-nuxt-app的版本是v4.0.0，我就想不用这么新的版本试一下 先全局安装create-nuxt-app npm i -g create-nuxt
ionic-Must use import to load ES Module解决方法
weixin_42786389的博客
03-22 858
🎀 前提：想使用ionic6时跟着官网搭一个简单的架子，结果一直报错，于是乎各种安装依赖，不管用不生效 🎀 解决方法： 方法一：升node版本到14左右（楼主本身12，升到14左右就可以了，请大家自行尝试哈） 方法二： 降ionic版本到4或者5（也是请大家自行尝试🤦🏻‍♀️） 楼主太菜了，还在进阶中，大家有好的解决办法记得给楼主留言哦～🥂 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值