慕课网学习从零做一个前端开源项目,按照老师的课程手记,一点点来搭建环境,之前都挺顺利的,到了webpack时,出现了bug。
一、 一言不合就报错
在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误
二、报错信息认真看
最初以为是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