当前位置: 首页 > news >正文

Error: Cannot find module ‘@babel/core’处理

Error: Cannot find module '@babel/core’处理

  • 问题产生的原因
  • 如何解决

  • 在安装babel的时候,遇到个**Error: Cannot find module '@babel/core’**问题,查了很多资料才解决,希望能够帮助到各位兄弟。

问题产生的原因

babel-loader和babel-core版本不对应所产生的,

  • babel-loader 8.x对应babel-core 7.x
  • babel-loader 7.x对应babel-core 6.x

如何解决

1、 卸载旧的babel-core
npm un babel-core
2、 安装新的babel-core
npm i -D @babel/core
3、 卸载旧的babel-preset
npm un babel-preset-env
npm un babel-preset-stage-0
4、 安装新的babel-preset
npm i @babel/preset-react
npm i @babel/preset-env
npm i babel-preset-mobx
5、 卸载旧的babel-plugin
npm un babel-plugin-transform-runtime
6、 安装新的babel-plugin
npm install --save-dev @babel/plugin-proposal-object-rest-spread
npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime
7、 修改.babelrc文件

{"presets": ["@babel/preset-env", "@babel/preset-react", "mobx"],"plugins": ["@babel/plugin-proposal-object-rest-spread","@babel/plugin-transform-runtime"]
}
  • 如果你按上述命令安装完后,相应的版本应该如下图所示,问题也应该解决了。
"devDependencies": {"@babel/core": "^7.2.2","@babel/plugin-proposal-object-rest-spread": "^7.2.0","@babel/plugin-transform-runtime": "^7.2.0","@babel/preset-env": "^7.2.3","@babel/preset-react": "^7.0.0","babel-loader": "^8.0.4","babel-preset-mobx": "^2.0.0","css-loader": "^2.1.0","file-loader": "^3.0.1","popper.js": "^1.14.6","style-loader": "^0.23.1","url-loader": "^1.1.2","webpack": "^4.28.2","webpack-cli": "^3.1.2"},"dependencies": {"@babel/runtime": "^7.2.0","bootstrap": "^4.2.1","jquery": "^3.3.1"}

相关文章:

Error: Cannot find module ‘@babel/core’处理

Error: Cannot find module babel/core’处理 问题产生的原因如何解决 在安装babel的时候,遇到个**Error: Cannot find module babel/core’**问题,查了很多资料才解决,希望能够帮助到各位兄弟。 问题产生的原因 babel-loader和babel-core版…...

K8S系列文章之 自动化运维利器 Fabric

Fabric 主要用在应用部署与系统管理等任务的自动化,简单轻量级,提供有丰富的 SSH 扩展接口。在 Fabric 1.x 版本中,它混杂了本地及远程两类功能;但自 Fabric 2.x 版本起,它分离出了独立的 Invoke 库,来处理…...

flask--->CBV/模板/请求响应/session

CBV 1 cbv写法-1 写个类,继承MethodView-2 在类中写跟请求方式同名的方法-3 注册路由:app.add_url_rule(/home, view_funcHome.as_view(home)) #home是endpoint,就是路由别名2 cbv加装饰器-方式一:class Home(MethodView):decor…...

Go语言基础:运算符、文件操作、接口、Packages、if else、for循环

文章目录 1.运算符2.文件操作3.接口4.Packages5.If else6.For循环 1.运算符 func main() {// 算术运算符a, b : 3, 7c : a bd : a - be : a * bf : a / bg : a % baa--fmt.Println(c, d, e, f, g)// 关系运算符fmt.Println(a b)fmt.Println(a ! b)fmt.Println(a < b)fmt.…...

2308C++学习简单协程文档

调试 用gdb/lldb p __coro_frame p __promise试 Try有三种状态:无状态,有异常,有值. 条件变量 主要区别在简单异步中条件变量面向Lazy协程.在条件变量上阻塞协程时,不会阻塞当前线程.用于多个协程间交互协作.基于协程版条件变量,多个协程可实现典型生产者消费者模型. 通知…...

C++笔记之从数组指针到函数数组指针(使用using name和std::function)

C笔记之从数组指针到函数数组指针(使用using name和std::function) 参考笔记&#xff1a; C之指针探究(三)&#xff1a;指针数组和数组指针 C之指针探究(十三)&#xff1a;函数指针数组 C之指针探究(二)&#xff1a;一级指针和一维数组 C之指针探究(十一)&#xff1a;函数名的…...

【数据结构】常见的排序算法

常见的排序算法 常见的排序算法插入排序之直接插入排序时间复杂度特性总结 插入排序之希尔排序时间复杂度 选择排序之直接选择排序特性总结 选择排序之堆排序时间复杂度特性总结 交换排序之冒泡排序特性总结 交换排序之快速排序hoare版本挖坑法双指针法快速排序的优化1&#xf…...

CentOS 安装 Jenkins

本文目录 1. 安装 JDK2. 获取 Jenkins 安装包3. 将安装包上传到服务器4. 修改 Jenkins 配置5. 启动 Jenkins6. 打开浏览器访问7. 获取并输入 admin 账户密码8. 跳过插件安装9. 添加管理员账户 1. 安装 JDK Jenkins 需要依赖 JDK&#xff0c;所以先安装 JDK1.8。输入以下命令&a…...

前端如何设置表格边框样式和单元格间距?

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ 实现思路⭐ 代码演示⭐ 注意事项⭐ 写在最后 ⭐ 专栏简介 前端入门之旅&#xff1a;探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何带你启航前端之旅 欢迎来到前端入门之旅&#xff01;这个专栏是为那些对Web开发感兴…...

Ubuntu 22.04安装搜狗输入法

Ubuntu 22.04安装搜狗输入法 ubtuntu 22.04安装搜狗输入法 1. 添加中文语言支持2. 安装fcitx输入法框架3. 设置fcitx为系统输入法4. 设置fcitx开机启动&#xff0c;并卸载ibus输入法框架5. 安装搜狗输入法6. 重启电脑&#xff0c;调出搜狗输入法 1. 添加中文语言支持 Setti…...

【C++】初阶 --- 内联函数(inline)

文章目录 &#x1f95e;内联函数&#x1f35f;1、C语言实现"宏函数"&#x1f35f;2、内联函数的概念&#x1f35f;3、内联函数的特性&#x1f35f;4、总结 &#x1f95e;内联函数 &#x1f35f;1、C语言实现"宏函数" &#x1f970;用C语言先来实现普通的…...

VGGNet剪枝实战:使用VGGNet训练、稀疏训练、剪枝、微调等,剪枝出只有3M的模型

摘要 本文讲解如何实现VGGNet的剪枝操作。剪枝的原理&#xff1a;在BN层网络中加入稀疏因子&#xff0c;训练使得BN层稀疏化&#xff0c;对稀疏训练的后的模型中所有BN层权重进行统计排序&#xff0c;获取指定保留BN层数量即取得排序后权重阈值thres。遍历模型中的BN层权重&am…...

【iOS】GCD深入学习

关于GCD和队列的简单介绍请看&#xff1a;【iOS】GCD学习 本篇主要介绍GCD中的方法。 栅栏方法:dispatch_barrier_async 我们有时候需要异步执行两组操作&#xff0c;而且第一组操作执行完之后&#xff0c;才能开始执行第二组操作&#xff0c;当然操作组里也可以包含一个或者…...

Webpack开启本地服务器;HMR热模块替换;devServer配置;开发与生成环境的区分与配置

目录 1_开启本地服务器1.1_开启本地服务器原因1.2_webpack-dev-server 2_HMR热模块替换2.1_认识2.2_开启HMR2.3_框架的HMR 3_devServer配置3.1_host配置3.2_port、open、compress 4_开发与生成环境4.1_如何区分开发环境4.2_入口文件解析4.3_区分开发和生成环境配置 1_开启本地服…...

opencv 31-图像平滑处理-方框滤波cv2.boxFilter()

方框滤波&#xff08;Box Filtering&#xff09;是一种简单的图像平滑处理方法&#xff0c;它主要用于去除图像中的噪声和减少细节&#xff0c;同时保持图像的整体亮度分布。 方框滤波的原理很简单&#xff1a;对于图像中的每个像素&#xff0c;将其周围的一个固定大小的邻域内…...

Kubernetes关于cpu资源分配的设计

kubernetes资源 在K8s中定义Pod中运行容器有两个维度的限制: 资源需求(Requests):即运行Pod的节点必须满足运行Pod的最基本需求才能运行Pod。如 Pod运行至少需要2G内存,1核CPU。(软限制)资源限额(Limits):即运行Pod期间,可能内存使用量会增加,那最多能使用多少内存,这…...

Flink读取mysql数据库(java)

代码如下: package com.weilanaoli.ruge.vlink.flink;import com.ververica.cdc.connectors.mysql.source.MySqlSource; import com.ververica.cdc.connectors.mysql.table.StartupOptions; import com.ververica.cdc.debezium.JsonDebeziumDeserializationSchema; import org…...

小程序学习(五):WXSS模板语法

1.什么是WXSS WXSS是一套样式语言,用于美化WXML的组件样式,类似于网页开发中的CSS 2.WXSS和CSS的关系 WXSS模板样式-rpx 3.什么是rpx尺寸单位 4.rpx的实现原理 5.rpx与px之间的单位换算* WXSS模板样式-样式导入 6.什么是样式导入 使用WXSS提供的import语法,可以导入外联的样式…...

注解 @JsonFormat 与 @DateTimeFormat 的使用

文章目录 JsonFormat (双端互传)DateTimeFormat &#xff08;前端传后端日期格式转化&#xff09;情况一 前端是时间组件 <el-date-picker 或其他情况二 前端未设置组件 JsonFormat (双端互传) com.fasterxml.jackson.annotation.JsonFormat; 将字符串的时间转换成Date类型…...

Python实现决策树算法:完整源码逐行解析

决策树是一种常用的机器学习算法&#xff0c;它可以用来解决分类和回归问题。决策树的优点是易于理解和解释&#xff0c;可以处理数值和类别数据&#xff0c;可以处理缺失值和异常值&#xff0c;可以进行特征选择和剪枝等操作。决策树的缺点是容易过拟合&#xff0c;对噪声和不…...

【NotebookLM食品科研提效指南】:3天内将文献综述效率提升300%的5个隐藏技巧

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;NotebookLM食品科学研究的范式变革 传统食品科学研究长期依赖人工文献综述、实验数据孤立归档与跨模态信息割裂分析&#xff0c;导致知识发现周期长、可复现性弱、跨学科协同成本高。NotebookLM 的引入正从根…...

OpenAgents:从零构建数据驱动的AI智能体平台实战指南

1. 项目概述&#xff1a;当AI不只是聊天&#xff0c;而是能替你“干活”的智能体最近在AI圈子里&#xff0c;一个名为“OpenAgents”的项目热度持续攀升。它不是一个简单的聊天机器人&#xff0c;也不是一个封闭的单一应用。简单来说&#xff0c;OpenAgents是一个开源的、数据驱…...

AI智能体与Stable Diffusion融合:打造对话式文生图应用实战

1. 项目概述与核心价值最近在GitHub上看到一个挺有意思的项目&#xff0c;叫agent-chat-selfie。光看名字&#xff0c;你可能会觉得这又是一个聊天机器人或者AI对话项目&#xff0c;但它的核心其实在于“Selfie”——自拍。这个项目巧妙地结合了当下流行的AI智能体&#xff08;…...

别再搞混了!Docker export和save到底啥区别?用busybox实战带你分清

深入解析Docker镜像与容器快照&#xff1a;从busybox实战看export与save的本质差异 在Docker的日常使用中&#xff0c;许多开发者经常对docker export和docker save这两个命令感到困惑。它们都能生成.tar文件&#xff0c;看似功能相似&#xff0c;实则针对完全不同的场景和对象…...

Linux内核模块管理:lsmod命令详解与实战应用

1. 项目概述&#xff1a;从“黑盒”到“白盒”&#xff0c;lsmod是你的系统模块探照灯如果你在Linux世界里待过一阵子&#xff0c;尤其是折腾过驱动、内核或者排查过一些稀奇古怪的系统问题&#xff0c;那你大概率听说过或者用过lsmod这个命令。乍一看&#xff0c;它的名字平平…...

不止VSIN!Cadence PSpice仿真库SOURCE.OLB里还有哪些宝藏信号源?实战对比与选型指南

不止VSIN&#xff01;Cadence PSpice仿真库SOURCE.OLB里还有哪些宝藏信号源&#xff1f;实战对比与选型指南 在电路仿真设计中&#xff0c;信号源的选择往往决定了仿真结果的准确性与实用性。许多工程师对PSpice中的VSIN元件较为熟悉&#xff0c;却忽略了SOURCE.OLB库中其他丰富…...

Claude技能库开发指南:工具调用原理与模块化实践

1. 项目概述&#xff1a;一个为Claude模型量身定制的技能库最近在探索如何让Claude这类大型语言模型更好地融入我的日常工作流时&#xff0c;我遇到了一个非常有意思的项目——DhanushNehru/claude-skills。简单来说&#xff0c;这是一个专门为Anthropic的Claude模型设计的“技…...

在 Simulink 中实现并网双向 DC/AC 逆变器的无功补偿(SVG)功能仿真

目录 🛠️ 第一步:系统架构设计与模块搭建 ⚙️ 第二步:SVG 核心控制策略设计(双闭环控制) 📊 第三步:仿真运行与结果分析 手把手教你在 Simulink 中实现并网双向 DC/AC 逆变器的无功补偿(SVG)功能仿真。 在现代电力系统中,并网逆变器(如光伏、储能逆变器)不…...

Gerbv:你的免费PCB设计“翻译官“,让Gerber文件开口说话

Gerbv&#xff1a;你的免费PCB设计"翻译官"&#xff0c;让Gerber文件开口说话 【免费下载链接】gerbv Maintained fork of gerbv, carrying mostly bugfixes 项目地址: https://gitcode.com/gh_mirrors/ge/gerbv 想象一下&#xff0c;当你拿到一份PCB设计文件…...

技术解析【无人机实时建图】 - DenseFusion:如何实现CPU上的大规模密集点云与DSM在线融合

1. DenseFusion框架的核心价值 第一次接触DenseFusion时&#xff0c;最让我惊讶的是它在普通笔记本电脑CPU上就能跑出实时建图效果。要知道传统无人机建图方案要么依赖昂贵GPU&#xff0c;要么需要后期数小时处理。这个框架通过三个关键创新点实现了突破&#xff1a;虚拟立体对…...