在运行NUXT项目时出现Cannot find module ‘@babel/preset-env/lib/utils‘错误时

最新推荐文章于 2024-04-08 23:11:02 发布
最新推荐文章于 2024-04-08 23:11:02 发布
阅读量5k 收藏 12
点赞数 11
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42849542/article/details/115958105
版权
博客内容讲述了由于@babel/preset-env版本过高引发的问题，通过降级到7.12.17版本可以消除错误。执行'npm install @babel/preset-env@7.12.17'和'npm run dev'后，package.json中@babel/preset-env版本将被更新，从而修复问题。
摘要由CSDN通过智能技术生成

出现错误如图所示
在这里插入图片描述
原因是@babel/preset-env的版本原因，只要运行下面命令，将@babel/preset-env版本降低至7.12.17就不再报错

npm i @babel/preset-env@7.12.17

npm run dev运行之后，package.json中@babel/preset-env的版本被更改就完成了
在这里插入图片描述

西泽尔.博尔吉亚
关注
  • 11
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
JavaScript高级语法打包 - babel插件安装配置报错！Error: Cannot find module ‘@babel/preset-preset.env‘
←か淡定☆ ヾ 的博客
12-12 9140
目录1. 插件安装和配置2. 运行打包 - 报错信息3. 解决办法 1. 插件安装和配置 安装babel转换器相关的包： npm i babel-loader @babel/core @babel/runtime -D 安装babel语法插件相关的包： npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties –D 在项目根目录中，创建 babel 配置
nuxt.js项目 ,npm run dev时出现Cannot find module ‘@babel/preset-env/lib/utils‘ 错误
weixin_61922192的博客
07-04 1676
原因是可能@babel/preset-env的版本太高，只要运行下面命令，将@babel/preset-env版本降低至7.12.17就不再报错 注意！！！（此处有坑）下载成功后默认是"@babel/preset-env": "^7.12.17"，项目可以正常运行，但是当你删除依赖重新启动项目，还是会报错，需要重新下载但是我们要把第一个符号改成~（如图所示）否则后期部署上线有可能会出现意想不到的错误....
运行nuxt 报Cannot find module ‘@babel/preset-env/lib/utils‘
richpersion的博客
05-14 1419
**Cannot find module ‘@babel/preset-env/lib/utils’ **表示不能找到一个moudule 只需要先执行 npm i @babel/preset-env@7.12.17 之后再执行 npm run dev即可
Cannot find module ‘@babel/preset-env‘
qq_43634411的博客
12-02 6977
Cannot find module '@babel/preset-env' 这个报错的原因可以是安装的时候使用的命令为 cnpm install babel-preset-env 不能用这个命令安装 你可以把上面的这个 babel-preset-env 卸载了（cnpm unistall babel-preset-env -D） 重新运行下面的这个命令 cnpm install @babel/preset-env -D ...
跑项目报错Cannot find module ‘@babel/preset-env/lib/utils‘
工作中遇到问题记录
12-29 571
跑项目报错Cannot find module '@babel/preset-env/lib/utils'
nuxt【找问题】Error: Cannot find module ‘node:util‘
中年程序员一枚的博客
12-22 2837
真实报错过程解决
eslint-module：用于Nuxt.js的ESLint模块
02-05
将@nuxtjs/eslint-module依赖项添加到您的项目中 yarn add --dev @nuxtjs/eslint-module # or npm install --save-dev @nuxtjs/eslint-module 添加@nuxtjs/eslint-module的buildModules的部分nuxt.con
stylelint-module:Nuxt.js的Stylelint模块
05-17
@ nuxtjs / stylelint-module Nuxt.js的Stylelint模块要求您需要确保已安装stylelint ： yarn add --dev stylelint # or npm install --save-dev stylelint设置将@nuxtjs/stylelint-module依赖项添加到您的项目中...
nuxt-optimized-images::sunrise::rocket:自动优化Nuxt.js项目中使用的图像（JPEG，PNG，SVG，WebP和GIF）
05-11
用其他语言阅读： ，特征图像大小通常可以减少多达60％，但这并不是@aceforth/nuxt-optimized-images唯一要做的事情： 通过在构建过程中优化图像来减小图像尺寸。 通过提供渐进式图像（用于支持它的格式）来提高...
test-utils:Nuxt.js的测试实用程序
03-07
将@nuxt/test-utils devDependency添加到您的项目 yarn add --dev @nuxt/test-utils # or npm install --save-dev @nuxt/test-utils 将@nuxt/test-utils添加到jest.config.js的preset部分 module . exports = { ...
nuxt-babel：在您的Nuxt应用中使用普通的.babelrc文件
01-31
新巴比尔 此插件可让您的nuxt应用程序具有普通的.babelrc文件！ 虽然传统nuxt应用程序你指定你所有的babel的内部配置nuxt.config.js ，一些其他的工具（如jest ）要求与.babelrc 。 该插件可将.babelrc优雅地注入到nuxt配置中，使您能够从两全其美中nuxt 。 我们还支持.babelrc.js ， babel.config.js和package.json文件。 安装 npm install --save nuxt-babel 将nuxt-babel添加到您的nuxt.config.js ： { modules : [ 'nuxt-babel' , ] } 选件 您还可以指定包含babel配置的目录： { modules : [ [ 'nuxt-babel' , { directory : './some/path/' } , ] } 执照 麻省理工学院。
nuxt-env:在运行时为您的Nuxt应用程序注入环境变量
05-11
nuxt-env在运行时为您的Nuxt应用程序注入env变量 :police_car_light: :stop_sign: 警告 :stop_sign: :police_car_light: 已在Nuxt.js中发布，并解决了该程序包正在解决的问题，因此已弃用该程序包，并且将不接受...
nuxt dev编译报错Cannot find module ‘node:util‘
中年程序员一枚的博客
12-26 1674
nuxt编译报错问题
nuxt服务端渲染，用create-nuxt-app脚手架创建NuxtJS应用，报错 Cannot find module ‘node:util‘解决
花椒和蕊的博客
04-08 484
因为node版本不匹配，我本地是14.5.0，我改成16.12.0，再重新npm run dev 项目可以正常运行。手动配置可以实现更多自己想要的，更自由一些。但是完整的实现非常复杂，官方建议使用nuxt，开箱即用。4、遇到报错： Cannot find module ‘node:util’vue文档中提到，可以直接通过配置，在vue的项目中准备 SSR 应用程序。安装成功，访问 http://localhost:3000/即可。2、使用nuxt创建项目。3、创建好之后运行项目。
Webpack问题二：Error: Cannot find module ‘@babel/preset-env‘
Hawking的博客
12-23 2565
这个，真的就生命在于卸载重装，找了好多的博客和文章没找好解决办法。 然后运行一下卸载重装 npm uninstall babel-loader npm install -D babel-loader @babel/core @babel/preset-env webpack 还真成了，离谱 ...
Couldn‘t find preset “@babel/preset-env“
龙丨行的博客
10-12 1859
Couldn't find preset "@babel/preset-env"
Error : Cannot find module ‘node_util‘ | 3秒解决
m0_72724878的博客
11-05 4118
npm版本与 cnpm 的版本不匹配导致Error : Cannot find module ‘node_util‘
Nuxt3 - 解决 Cannot find module ‘./nuxt/env‘ | system32\cmd.exe /d /s /c nuxt prepare（npm ERR! code 1）
王佳斌
10-24 3489
nuxt3.js vue3.js vite webpack，nuxt3项目运行报错怎么办，nuxt3执行npm install出现报错，nuxt3 npm run dev 运行项目失败出现报错如何解决，Cannot start nuxt: Cannot find module './nuxt/env'，Require stack:，- C:\Users\yiweb\Desktop\wenku\nuxt.config.ts，- nuxt.config.ts，npm ERR! code 1，npm ERR!
Nuxt.js运行报错 Cannot find module xxxxxx\build\main.js
lovelyGFR的博客
02-06 918
废话不多说，报的错和上面一样的跟着来就行 一开始以为npm只会给node_modules里面下载东西 直到刚刚，才发现自己见识短浅 它还可以在项目里下载不是node_modules的文件（夹），比如说上面的build文件夹和里面的文件 参考了很多大佬的解法，对我都不适用，最后我发现是我的npm丢包太严重，于是改用淘宝的cnpm下载，即刻解决 步骤 ： vue init nuxt-community/koa-template nuxt-learn cnpm install cnpm install bac
nuxt3 @ckeditor/ckeditor5-vue
最新发布
07-05
Nuxt.js 是一个用于构建 Vue.js 应用程序的框架，它特别适合构建富文本编辑器的集成。@ckeditor/ckeditor5-vue 是一个官方推荐的库，它是由 CKEditor 官方提供的 Vue.js 插件，用于将 CKEditor 5 引擎与 Vue 单页面应用（SPA）结合。CKEditor 5 是一个功能强大的开源内容管理系统（CMS），提供了一个可定制的富文本编辑器，支持自定义样式、媒体管理、插件扩展等功能。 在 Nuxt v3 中，你可以使用 `@nuxtjs/axios` 配合 `@ckeditor/ckeditor5-vue` 来处理数据交互和编辑器初始化。以下是一个简单的使用示例： ```html <template> <div> <ckeditor :editor="editor"></ckeditor> </div> </template> <script> import { createApp } from 'vue' import { useVuePlugin } from '@ckeditor/ckeditor5-vue' import Editor from '@ckeditor/ckeditor5-editor-basic' export default { components: { ckeditor: { // 使用了Composition API setup() { const editor = ref(null) useVuePlugin() onMounted(() => { // 初始化编辑器 editor.value = ClassicEditor.create(document.querySelector('#editor'), { plugins: [Basic], toolbar: [...] }) }) return { editor } } } }, mounted() {} } </script> ```
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值