怎么安装web前端中的Babel

这篇文章主要介绍“怎么安装web前端中的Babel”，在日常操作中，相信很多人在怎么安装web前端中的Babel问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么安装web前端中的Babel”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

　　babel升级到7.X采坑总结

　　最近工作比较忙，有一段时间没有写前端玩了。今天试着搭一个项目，发现各种坑，以前用起来非常好的配置文件各种报错。排查后发现原来babel升级了一个大版本，已经到7.X了，这里我总结一下升级过程中踩到的坑。

　　Error:Cannotfindmodule'@babel/core'

　　atFunction.Module._resolveFilename(module.js:547:15)

　　atFunction.Module._load(module.js:474:25)

　　atModule.require(module.js:596:17)

　　atrequire(internal/module.js:11:18)

　　....

　　babel如何安装

　　没找到@babel/core，需要把babel-core卸载掉，从新安装@babel/core

　　npmunbabel-core

　　ERRORin./src/index.jsx

　　Modulebuildfailed(from./node_modules/babel-loader/lib/index.js):

　　Error:Plugin/Presetfilesarenotallowedtoexportobjects,onlyfunctions.

　　...

　　将babel-preset-*卸载,重新安装@babel/preset-*，并且修改.babelrc中的presets。

到此，关于“怎么安装web前端中的Babel”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！