gulp-babel编译时出现Cannot find module '@babel/core'

image.png

这个报错看得想吐，真是头疼，百度上找了一圈，一直在折腾babel-core，安装顺序也试了，一直不行。太难为我这个刚刚自学gulp的小白了。后来发现我的gulp-babel版本是8.x

image.png

试着用webpack的解决方式，安装了7.x，然后就解决了。

npm install gulp-babel@7 --save-dev

image.png

编译前

image.png

编译后

image.png

任务

image.png

跑成功的世界真是美好。

image.png