【webpack】慕课网-webpack.config.js配置遇到Error: Cannot find module '@babel/core'问题

慕课网学习从零做一个前端开源项目,按照老师的课程手记,一点点来搭建环境,之前都挺顺利的,到了webpack时,出现了bug。


一、 一言不合就报错

在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误

webpack打包报错


二、报错信息认真看

最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。不认真查看错误信息的问题,现在依然还在,所以自己解决问题的能力还是需要提升。其实报错里说了,babel-loader 8 需要 babel core 7.x ,如果我想用 babel core 6 的话,就需要把 loader 降级,将它改为 babel-loader 7。只是我没有懂。


三、实在不行就百度

后来百度了一下下,才确定了是babel-loader 和 babel core 的版本 不匹配。目测老师出教程的时候,两者还是匹配的,总之呢,这个bug的解决方式是:先卸载,再重新安装。


四、解决方案要记住

先卸载, npm uninstall babel-loader ,再重新安装,npm install babel-loader@7.1.5 就可以打包了。

备注一下 自己是 安装 core 和 loader 的步骤:npm install babel-core babel-loader --save-dev,得到:+ babel-loader@8.0.2,babel-core@6.26.3

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,253评论 0 21
  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,786评论 0 16
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 3,264评论 0 17
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,335评论 4 31
  • 五一小假期,打算周边一日游,挑选了许久,终于决定去暖泉古镇,一方面是有朋友推荐,另一方面也是被它的名字所吸引,便和...
    小宇老师_阅读 1,716评论 0 11