babel import语法 js_如何解决ES6+语法在Node.js中运行?

点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!

大家好!我是/小郑搞码事/的小郑

今天和大家分享如何解决ES6+语法在Node.js中运行。

先来看一个发生在Node.js运行时的错误,如下所示:

9e18938c1ae012dafbdecc7369c0fc95.png

这是什么原因?

可能大家都遇到过。

尽管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中。

前端能力越来越强,技术变化日新月异,唯有基础扎实才能完美应对,这个圈子坚持每日为您提供前端最需要掌握的基础知识点。前端知识天天学。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值