报错分析
今天在npm run serve
运行Vue项目时,突然报出了一个依赖构建错误:
Module build failed (from ./node_modules/babel-loader/lib/index.js)
报错原因是babel的版本冲突了。具体的报错截图如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210325121311365.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0paZXZpbg==,size_16,color_FFFFFF,t_70#pic_center)
解决方案
最直接的解决方案就是升级或者降级babel的版本即可。但是这种方法的配置略显麻烦,这里推荐另一种更简单的,一行代码解决:
npm install @babel/core @babel/preset-env
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210325122329678.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0paZXZpbg==,size_16,color_FFFFFF,t_70#pic_center)
安装好之后,再运行npm run serve
就没问题啦。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210325122441471.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0paZXZpbg==,size_16,color_FFFFFF,t_70#pic_center)