用yarn run serve运行vue项目时,一直出现\node_modules\@babel\compat-data\data\corejs3-shipped-proposals‘

本文主要是介绍用yarn run serve运行vue项目时,一直出现\node_modules\@babel\compat-data\data\corejs3-shipped-proposals‘,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

❓ 问题描述

❌ 报错信息

🎈 解决办法

✔️ 成功运行


❓ 问题描述

用yarn run serve运行vue项目时,一直出现\node_modules\@babel\compat-data\data\corejs3-shipped-proposals',运行不成功

❌ 报错信息

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] D:\dsbackend\src\main.js: Cannot find module 'D:\dsbackend\node_modules\@babel\compat-data\data\corejs3-shipped-proposals' (While processing: "D:\\dsbackend\\node_modules\\@vue\\cli-plugin-babel\\preset.js")

🎈 解决办法

一、执行安装👉:npm install @babel/compat-data,安装成功后,这个错误一般就能解决了。 

网上有人说全局安装babel-loader可以解决掉:npm install -D babel-loader @babel/core @babel/preset,但是对我没有起作用,大家遇到此类问题,可以都可以尝试一下

 如何查看是否安装成功,你可以查看在package-lock.json文件里查看:

二、如果启动项目运行:yarn run serve或npm run serve还是继续报错的话 👇:

👉 方案1:执行更新——npm update --depth 5 @babel/compat-data   

👉 方案1:可以删除已经安装的@babel/compat-data,重新执行npm update --depth 5 @babel/compat-data

去到node_modules文件夹,将@babel下的compat-data文件夹删除,执行命令npm update --depth 5 @babel/compat-data,该方法可能无效,因为你还需要去到package-lock.json下找到@babel/compat-data,将其删除,再执行命令npm update --depth 5 @babel/compat-data,一般就可以解决了。


另外,大家可以尝试一下直接卸载npm un@babel/compat-data   

✔️ 成功运行

启动项目:yarn run serve  👇   成功啦

这篇关于用yarn run serve运行vue项目时,一直出现\node_modules\@babel\compat-data\data\corejs3-shipped-proposals‘的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/439220

相关文章

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

IDEA运行spring项目时,控制台未出现的解决方案

《IDEA运行spring项目时,控制台未出现的解决方案》文章总结了在使用IDEA运行代码时,控制台未出现的问题和解决方案,问题可能是由于点击图标或重启IDEA后控制台仍未显示,解决方案提供了解决方法... 目录问题分析解决方案总结问题js使用IDEA,点击运行按钮,运行结束,但控制台未出现http://

解决Spring运行时报错:Consider defining a bean of type ‘xxx.xxx.xxx.Xxx‘ in your configuration

《解决Spring运行时报错:Considerdefiningabeanoftype‘xxx.xxx.xxx.Xxx‘inyourconfiguration》该文章主要讲述了在使用S... 目录问题分析解决方案总结问题Description:Parameter 0 of constructor in x

解决IDEA使用springBoot创建项目,lombok标注实体类后编译无报错,但是运行时报错问题

《解决IDEA使用springBoot创建项目,lombok标注实体类后编译无报错,但是运行时报错问题》文章详细描述了在使用lombok的@Data注解标注实体类时遇到编译无误但运行时报错的问题,分析... 目录问题分析问题解决方案步骤一步骤二步骤三总结问题使用lombok注解@Data标注实体类,编译时

C语言小项目实战之通讯录功能

《C语言小项目实战之通讯录功能》:本文主要介绍如何设计和实现一个简单的通讯录管理系统,包括联系人信息的存储、增加、删除、查找、修改和排序等功能,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录功能介绍:添加联系人模块显示联系人模块删除联系人模块查找联系人模块修改联系人模块排序联系人模块源代码如下

SpringBoot项目中Maven剔除无用Jar引用的最佳实践

《SpringBoot项目中Maven剔除无用Jar引用的最佳实践》在SpringBoot项目开发中,Maven是最常用的构建工具之一,通过Maven,我们可以轻松地管理项目所需的依赖,而,... 目录1、引言2、Maven 依赖管理的基础概念2.1 什么是 Maven 依赖2.2 Maven 的依赖传递机

Vue项目中Element UI组件未注册的问题原因及解决方法

《Vue项目中ElementUI组件未注册的问题原因及解决方法》在Vue项目中使用ElementUI组件库时,开发者可能会遇到一些常见问题,例如组件未正确注册导致的警告或错误,本文将详细探讨这些问题... 目录引言一、问题背景1.1 错误信息分析1.2 问题原因二、解决方法2.1 全局引入 Element

详解如何在React中执行条件渲染

《详解如何在React中执行条件渲染》在现代Web开发中,React作为一种流行的JavaScript库,为开发者提供了一种高效构建用户界面的方式,条件渲染是React中的一个关键概念,本文将深入探讨... 目录引言什么是条件渲染?基础示例使用逻辑与运算符(&&)使用条件语句列表中的条件渲染总结引言在现代

详解Vue如何使用xlsx库导出Excel文件

《详解Vue如何使用xlsx库导出Excel文件》第三方库xlsx提供了强大的功能来处理Excel文件,它可以简化导出Excel文件这个过程,本文将为大家详细介绍一下它的具体使用,需要的小伙伴可以了解... 目录1. 安装依赖2. 创建vue组件3. 解释代码在Vue.js项目中导出Excel文件,使用第三

Java实现Excel与HTML互转

《Java实现Excel与HTML互转》Excel是一种电子表格格式,而HTM则是一种用于创建网页的标记语言,虽然两者在用途上存在差异,但有时我们需要将数据从一种格式转换为另一种格式,下面我们就来看看... Excel是一种电子表格格式,广泛用于数据处理和分析,而HTM则是一种用于创建网页的标记语言。虽然两