点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!
大家好!我是/小郑搞码事/的小郑
今天和大家分享如何解决ES6+语法在Node.js中运行。
先来看一个发生在Node.js运行时的错误,如下所示:
![9e18938c1ae012dafbdecc7369c0fc95.png](https://i-blog.csdnimg.cn/blog_migrate/2789e881b620892dc2e7ffacebe76883.jpeg)
这是什么原因?
可能大家都遇到过。
尽管Node.js支持许多最新的语法,但不代表支持所有的这些语法。
如这里的import/export语句。
来介绍一下解决方案:Babel
它将我们的ES6代码转换成几乎所有浏览器和环境都可以理解的JS代码。
那如何使用Babel呢?
我认为这是很简单的步骤。
第一步:
项目中
npm init
生成一个package.json文件。
第二步:
安装依赖
npm install --save-dev
@babel/core
@babel/cli
@babel/preset-env
@babel/node
第三步:
项目中新建一个.babelrc文件,里面写:
{
"presets": [
"@babel/preset-env"
]
}
第四步:
为了实时执行变更,必须先安装nodemon
npm install --save-dev nodemon
配置命令行:
"start" : "nodemon --exec babel-node index.js"
执行
npm run start
代码写在index.js中。
前端能力越来越强,技术变化日新月异,唯有基础扎实才能完美应对,这个圈子坚持每日为您提供前端最需要掌握的基础知识点。前端知识天天学。