nuxt安装报错eslint Error [ERR_REQUIRE_ESM] Must use import to load ES Module

最新推荐文章于 2024-08-06 16:08:43 发布
最新推荐文章于 2024-08-06 16:08:43 发布
阅读量1.5k 收藏
点赞数
分类专栏： 前端 html 文章标签： 前端 javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67392273/article/details/123350957
版权
在尝试搭建nuxt项目时遇到了`eslint Error [ERR_REQUIRE_ESM]`的问题。错误提示指出必须使用import加载ES模块，而require不支持。尝试通过全局安装不同版本的create-nuxt-app，最终通过指定版本3.7.1成功创建项目，但运行时仍有eslint错误。解决方案可能是禁用或调整eslint配置。
摘要由CSDN通过智能技术生成

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，我就想不用这么新的版本试一下

先全局安装create-nuxt-app

npm i -g create-nuxt-app

在这里插入图片描述

发现安装的还是4.0.0的版本，那我就再用这个全局安装的脚手架试一下能不能安装nuxt项目成功

果然还是会出现第一张图的错误

然后我卸载了这个create-nuxt-app

npm unistall -g create-nuxt-app

重新安装create-nuxt-a

最低0.47元/天 解锁文章
m0_67392273
关注
专栏目录
eslint-module：用于Nuxt.js的ESLint模块
02-05
@ nuxtjs / eslint-module 用于Nuxt.js的ESLint模块 要求 您需要确保已安装eslint >= 7 ： yarn add --dev eslint # or npm install --save-dev eslint 建立 将@nuxtjs/eslint-module依赖项添加到您的项目中 yarn ...
nuxt框架应用import出错报Must use import to load ES Module
weixin_43845398的博客
12-31 949
萌新，求大佬解惑
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: D:\p\xjx\node_modules\gulp-strip-debug
最新发布
smart_dream
08-06 458
这个错误表示你的代码尝试使用require来加载一个ECMAScript模块(ES模块)，但是require只能用来加载CommonJS模块。在Node.js中，ECMAScript模块使用import和export语法。版本更新后，就需要ECMAScript模块来加载，回退到CommonJS模块来加载就可以了。
Eslint配置 Must use import to load ES Module（已解决）
程序猿进化梯
10-15 6260
为例说明，出现这个问题的原因是，eslint使用的node版本太低了（低版本的eslint不支持ES），所以需要修改node的版本。修改版本操作如下（为了保证eslint不会有其他冲突问题，先卸载再安装是最保险的方式），因为这个项目用的node版本不太好改动，所以降低了eslint版本。最近在配置前端项目时，eslint经常会碰到各种报错（灰常头疼~）
[ERR_REQUIRE_ESM]: Must use import to load ES Module(解决)
khy_kkkk的博客
01-18 996
出现这个原因是因为node.js版本过低，原本用的是12版本，升级到14版本就可以正常使用。
nuxt安装报错eslint Error [ERR_REQUIRE_ESM]: Must use import to load ES Module
weixin_45082961的博客
12-16 8842
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
nuxt项目运行报错ERR_SSL_PROTOCOL_ERROR
08-29
你在运行Nuxt项目时遇到了ERR_SSL_PROTOCOL_ERROR错误。这个错误通常是由于SSL协议不匹配引起的。以下是一些可能的解决方案： 1. 检查你的SSL证书：确保你的SSL证书是有效的，并且与你的域名匹配。如果你使用的是自...
ESlint报错Error: Must use import to load ES Module解决方法
qj11803017的博客
06-29 1万+
ESlint报错Error: Must use import to load ES Module解决方法
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: E:\works\large-file-uploader\node_module
黎小小的博客
08-15 4431
vue3+vite项目需要使用nodejs16及以上版本才能正常运行，修改nodejs版本后成功启动。原因：nodejs版本太低。
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解决方法
利用webpack理解CommonJS和ES Modules的差异区别
11-20
前言 问： CommonJS 和 ES Modules 中模块引入的区别？ CommonJS 输出的是一个值的拷贝；ES Modules 生成一个引用，等到真的需要用到时，再到模块里面去取值，模块里面的变量，绑定其所在的模块。 我相信很多人已经把这个答案背得滚瓜烂熟，好，那继续提问。 问：CommonJS 输出的值是浅拷贝还是深拷贝？ 问：你能模拟实现 ES Modules 的引用生成吗？ 对于以上两个问题，我也是感到一脸懵逼，好在有 webpack 的帮助，作为一个打包工具，它让 ES Modules, CommonJS 的工作流程瞬间清晰明了。 准备工作 初始化项目，并安装 b
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,
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
React项目：Must use import to load ES Module
calm_encode的博客
04-25 2436
一 概述 本人在两台电脑上执行同一个项目，一台电脑上可以另一台电脑上就不行，提示如下： Must use import to load ES Module 二 分析和解决 分析：查看两台电脑上安装的Node版本 不行电脑安装的Node版本： 正常启动电脑上安装的Node版本： 解决：修改不行电脑上的Node版本即可 ...
Gulp项目问题 | gulp-imagemin插件8.0版本小bug（Error [ERR_REQUIRE_ESM]: Must use import to load ES Module）
weixin_42655047的博客
11-05 7236
问题 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
【解决ESlint的bug】return old(m, filename)； Error [ERR_REQUIRE_ESM]: require() of ES Module
前端学习博客
09-25 2146
将根目录下的 `commitlint.config.js`文件后缀名改为 cjs，即 commitlint.config.cjs 文件。
ionic-Must use import to load ES Module解决方法
weixin_42786389的博客
03-22 811
🎀 前提：想使用ionic6时跟着官网搭一个简单的架子，结果一直报错，于是乎各种安装依赖，不管用不生效 🎀 解决方法： 方法一：升node版本到14左右（楼主本身12，升到14左右就可以了，请大家自行尝试哈） 方法二： 降ionic版本到4或者5（也是请大家自行尝试🤦🏻‍♀️） 楼主太菜了，还在进阶中，大家有好的解决办法记得给楼主留言哦～🥂 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值