yarn run serve报错Error: Cannot find module ‘@vue/cli-plugin-babel‘ 的解决办法

mac-Yarn安装成功但提示 command not found 解决方案 源已更新,再次使用,提示 “项目包含由Yarn以外的工具生成的锁定文件。建议不要混合使用包管理器,以避免由于未同步的锁文件导致的解决方案不一致。安装完成后还是提示command not found,怀疑是环境变量问题,首先需要找到.yarnrc文件所在的目录。尝试删除了package-lock.json文件,再次安装仍然提示,故打算卸载yarn后重装。卸载完成后使用yarn -v检测卸载结果,仍然有版本,又尝试了加sudo卸载和强制卸载。再次使用yarn -v检测,正常了。可能会有多个,一般这个就可以。 阅读详情
AI摘要

在构建前端项目时遇到Error:Cannotfindmodule@vue/cli-plugin-babel的错误。该问题是由于系统缺少组件@vue/cli-plugin-babel。解决方法是通过npm全局安装此组件,命令为npminstall-g@vue/cli-plugin-babel@5.0.8。安装完成后,项目应能正常启动。

问题概述

关于这个问题,是在构建前端工程的时候遇到的,项目构建完成后,“yarn run serve”启动项目时,出现的问题:“ Error: Cannot find module ‘@vue/cli-plugin-babel‘  ”

如下图:

具体信息如下:

yarn run v1.22.19
$ vue-cli-service serve
internal/modules/cjs/loader.js:905
  throw err;
  ^

Error: Cannot find module '@vue/cli-plugin-babel'
Require stack:
- C:\Users\Jackson\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js        
- C:\Users\Jackson\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at idToPlugin (C:\Users\Jackson\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:172:14)
    at C:\Users\Jackson\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:211:20
    at Array.map (<anonymous>)
    at Service.resolvePlugins (C:\Users\Jackson\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:198:10)
    at new Service (C:\Users\Jackson\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:35:25)
    at Object.<anonymous> (C:\Users\Jackson\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\Jackson\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service\\lib\\Service.js',
    'C:\\Users\\Jackson\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js'
  ]
}
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

解决办法 

根据错误信息提示,在本地环境中没有找到组件“ @vue/cli-plugin-babel ” ,

直接在本地安装即可,输入指令:npm install -g @vue/cli-plugin-babel@5.0.8 

待组件安装完成后,即可成功启动项目工程了!!!


好了,关于 yarn run serve报错Error: Cannot find module ‘@vue/cli-plugin-babel‘ 的解决办法  就写到这儿了,如果还有什么疑问或遇到什么问题欢迎扫码提问,也可以给我留言哦,我会一一详细的解答的。 
歇后语:“ 共同学习,共同进步 ”,也希望大家多多关注CSND的IT社区。


作       者:华    仔
联系作者:who.seek.me@java98k.vip
来        源:优快云 (Chinese Software Developer Network)
原        文:https://blog.youkuaiyun.com/Hello_World_QWP/article/details/127006367
版权声明:本文为博主原创文章,请在转载时务必注明博文出处!
Vue CLI 构建原理深度解析:三层架构与配置解耦实战 Vue CLI 是 Vue 项目默认构建工具,其本质是基于 Webpack 和 Babel 的可插拔配置封装系统。它通过命令层、服务层、构建层三级抽象,将复杂构建逻辑转化为标准化 npm script 和声明式配置。核心价值在于提供稳定可控的构建环境,避免因 webpack 版本冲突、Babel 转译遗漏或插件加载顺序导致的隐性故障。典型应用场景包括企业级项目维护、CI/CD 稳定性加固、Vue 2/3 升级过渡及向 Vite 迁移前的构建链路审计。本文聚焦 vue.config.js 配置机制、chain 阅读详情

相关推荐

服务器前端vue本地环境搭建[软件安装][傻瓜式启动前端][VSCode不能够运行yarn]

前端VUE环境大家

挖到尽头 2559

vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

原因:当前电脑nodejs版本过高,项目的配置太低,不匹配,如下package.json

梦翼横空的专栏 3万+

数理金融学笔记 Chap2 二叉树模型Binomial

2 二叉树模型与期权定价 Binomial Model and Option Pricing 文章目录2 二叉树模型与期权定价 Binomial Model and Option Pricing单期二叉树模型 One-step Binomial Model风险与无风险资产单期二叉树模型与无套利条件无套利定价 No Arbitrage Pricing风险中性定价 Risk Neutral PricingDelta套期保值 Delta Hedging两期二叉树模型 Two-Step Binomial Model

weixin_66831131的博客 2385

遇到Error: Cannot find module ‘@vue/cli-plugin-babel‘

yarn run serve 成功启动。

m0_61776359的博客 4997

vscode+latex+bib文献管理

下载vscode 安装插件`` 在setting.json中配置 在.tex文件中编写论文内容,然后左侧TEX侧边栏中编译,如下图所示,中文用xelatex,英文用pdflatex;编译成功后,就可以查看pdf版本的论文了,我一般在浏览器显示。 涉及到文献编译:XXX.bib中存储文献管理内容;XXX.tex是文章内容,使用xelatex编译后会生成XXX.aux,ctrl+⋅ctrl+·ctrl+⋅打开命令行窗口,输入bibtex XXX(可以对aux文件进行编译,不需要加后缀),然后再xelatex.

小卜妞的博客 2545

2026年AI技能进阶指南:从提示词工程到智能体开发实战

提示词工程作为AI时代的基础沟通技能,其核心原理是通过系统化的交互方法论实现与大模型的高效对话。这项技术通过明确性、具体性和可操作性的设计原则,显著提升了AI生成内容的质量和实用性。在工程实践层面,提示词工程已经发展出角色扮演、步骤分解等成熟模式,广泛应用于代码生成、技术方案设计等场景。随着AI智能体开发的兴起,提示词工程进一步演化为定义智能体身份认知和行为规范的系统接口设计,成为构建自主AI系统的关键技术基础。掌握从基础提示词到智能体开发的完整技能栈,能够帮助开发者在AI技术浪潮中保持核心竞争力。

weixin_33139275的博客 332

Error: Cannot find module ‘@vue/cli-plugin-babel‘

Error: Cannot find module ‘@vue/cli-plugin-babel’

qq_40889256的博客 1万+

用 CL_SALV_TREE 把层级数据做成一棵会呼吸的 ABAP ALV 树:从类继承扫描到事件交互的完整拆解

本文介绍了SAP ABAP中使用CL_SALV_TREE实现树形ALV报表的方法。该技术将层级数据(如类继承关系)以可展开/折叠的树形结构展示,解决了传统ALV Grid无法直观显示层次结构的问题。核心实现采用"数据表+层级表"分离的设计模式:数据表存储节点业务信息,层级表维护父子关系。通过add_node方法动态构建树形结构,支持设置节点文本、图标和事件。文中提供了完整示例代码,演示了如何递归扫描ABAP类继承关系并构建树形ALV,这种技术特别适用于展示类族谱、权限树等层级数据,能显著

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 205

Vue CLI 不是脚手架:它是前端工程化操作系统内核

Vue CLI 本质是一个可配置、可扩展的前端工程化操作系统内核,它通过统一配置契约(vue.config.js)、插件机制(@vue/cli-plugin-*)和钩子系统,将 webpack、Babel、ESLint 等工具深度集成。其核心价值在于构建时序控制、配置优先级融合与跨工具协同——例如 Babel 作为 Vue 编译器前置哨兵保障 `<script setup>` 宏解析,webpack 模块联邦支撑微前端架构演进。这些能力使 Vue CLI 成为 Vue 3 项目稳定交付、性能优化与复杂场景(

weixin_33912246的博客 480

制作一款精美的 Qt IFW 安装程序

对于 Qt IFW 来说,默认的安装界面并不吸引人。倘若要制作一款精美的安装程序,这显然是不够的,需要在此基础上进行一系列定制。

青春不老,奋斗不止! 5258

2026最新华为OD机试新系统机考真题- 真题题库目录|全覆盖题库 + 逐点算法考点详解

2026年4月1日起,华为OD机试正式切换至新系统模式!采用力扣模式,无需自己写输入! 难度大幅度降低。正在备考华为OD机试的同学,优先刷新系统机试真题,可大幅提升通过率。 新系统考题考点与旧版一致,无需重新适应。本专栏所有算法题均配有详细思路解析,并提供C语言、JS、C++、Python、Go、Java多语言源码实现。订阅后私信即可开通专属OJ刷题权限,高效备考一次上岸!

算法大师! 2482

Vue2项目搭建全流程:vue-cli环境、路由状态请求与报错排查

前端工程化的核心是把环境、构建、依赖与代码组织标准化,让项目从“能跑”走向“可交付”。其原理在于用脚手架和配置文件固定版本组合与构建链路,借助路由、状态管理和请求层解耦页面、数据与接口,再通过生命周期钩子掌控组件执行时机。这样能显著减少环境漂移与重复配置,提高后台管理系统、多页应用和移动端页面的开发效率。围绕 Vue2 项目搭建,常见路径是 vue-cli 生成骨架,接入 vue-router、vuex 与 axios,并处理 vue.config.js、Node 版本、sass 编译等问题;遇到 Netw

weixin_34203832的博客 379

海康机器人visionmaster5.0全局通信西门子S7操作

德国西门子(SIEMENS)公司生产的可编程序控制器在我国的应用也相当广泛,在冶金、化工、印刷生产线等领域都有应用。西门子(SIEMENS)公司的PLC产品包括S7-200、S7-1200、S7-300、S7-400、S7-1500等。西门子S7系列PLC体积小、速度快、标准化,具有网络通信能力,功能更强,可靠性高。S7系列PLC产品可分为微型PLC(如S7-200),小规模性能要求的PLC(如S7-300)和中、高性能要求的PLC(如S7-400)等。

weixin_65316120的博客 417

Electron-Vue项目中package.json核心配置详解

package.json 不仅是 npm 的依赖与脚本管理文件,更是 Electron-Vue 桌面应用的启动契约、构建中枢与分发元数据引擎。其 `main` 字段决定主进程入口路径,影响开发启动与生产打包行为;`build` 字段作为 electron-builder 专有配置,深度控制安装包生成、图标嵌入、自动更新及跨平台标识(如 appId)。理解这些字段在 Vue CLI 构建层、Electron 运行时层和 electron-builder 打包层的三重作用机制,是解决黑屏、图标丢失、IPC 失败

weixin_30907685的博客 132

SNAP计算哨兵2号的LAI/FVC/FAPAR

SNAP的计算LAI方法是基于PROSAIL模型,集成的模块,很方便。首先要下载SNAP软件,下载步骤见。

所有专家都曾始于新手 2505

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

vue项目npm run build报错Error: Cannot find module ‘@vue/cli-plugin-babel‘的解决方法

vue项目npm run build报错Error: Cannot find module '@vue/cli-plugin-babel'的解决方法

m0_46893049的博客 1万+

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

VUE-CLI 项目搭建规范

EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。 VSCode需要安装一个插件:EditorConfig for VS CodePrettier 是一款强大的代码格式化工具,支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言,基本上前端能用到的文件格式它都可以搞定,是当下最流行的代码格式化工具。1.安装prettier 2.配置.prettier

alokka的博客 2075

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

解决使用 @vue/cli-plugin-babel 导致动态 import 代码拆分失败问题

解决使用 @vue/cli-plugin-babel 导致动态 import 代码拆分失败问题

jayccx的专栏 2456

Error: Cannot find module ‘@vue/cli-plugin-babel‘ 运行 npm run dev 报错

Error: Cannot find module '@vue/cli-plugin-babel'

weixin_51715424的博客 2201

【Vue】在新电脑部署Vue项目时,遇到的常见错误解决方法

【Vue】部署他人Vue项目时,遇到的错误解决方法

【敦厚的曹操】的专栏 8160

[Vue CLI 3] 插件解析之 @vue/cli-plugin-babel

本文我们来看一下官方的这个 @vue/cli-plugin-babel 先看一下源码文件: generator.js index.js 核心的有 2 个文件,我们主要第一个 index.js,最外层结构多是插件式的标准结构: module.exports = (api, options) => { // ... } 这里因为我们...

weixin_33923148的博客 8896

vue项目运行时报yarn run v1.22.19warning ..\..\..\package.json: No license field解决办法

vue项目运行时报yarn run v1.22.19warning ..\..\..\package.json: No license field解决办法

Darren洋的博客 6960

npm错误找不到模块‘@vue/cli-plugin-babel/preset‘

在此之后,您必须更新您的babel配置。

jasonhongcn的专栏 1351
上一篇: Caused by: ***.ClientAbortException: java.io.EOFException: Unexpected EOF read on the socket 的解决办法
下一篇: 前端开发审查元素时CSS样式有个横线(该CSS样式定义后无效) 的解决办法
TechBro华仔
TechBro华仔 优质创作者: Java技术领域 优质创作者: Java技术领域 领域专家: 后端开发技术领域 领域专家: 后端开发技术领域
博客等级 码龄11年 5万+粉丝 430原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TechBro华仔

日拱一卒无有尽,功不唐捐终入海

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值