NodeJs在express框架中无法使用import【方法一】

在新搭建的基于node.js的express框架时,不能直接使用import/export,否则会报错如下:

SyntaxError: Cannot use import statement outside a module

这是由于目前NodeJs还不支持 import/export,所以要安装babel依赖

(1)安装babel依赖

npm install babel-plugin-transform-class-properties babel-plugin-transform-decorators-legacy babel-plugin-transform-export-extensions babel-plugin-transform-object-rest-spread babel-preset-env --save-dev

(2)修改package.json

 将node ./bin/www改为babel-node app

(3)修改app.js

在app.js文件最顶部加入require('babel-register');

因为第二步的时候已经将启动项./bin/www取消(./bin/www中定义了监听端口),我们需要在app.js中重新设置监听端口

app.listen(3000, console.log("application is start at port 3000"))

(4)添加.babelrc文件

 

{
    "presets": [
      [
        "env",
        {
          "targets": {
            "node": "current"
          }
        }
      ]
    ],
    "plugins": [ "transform-decorators-legacy" ]
  }

(5)启动项目

在app.js中加入import,测试是否启动正常

npm start

浏览器中直接打开,访问如下:

参考:https://blog.csdn.net/zwkkkk1/article/details/81564971

如还有错,可用方法二:https://blog.csdn.net/qq_21275565/article/details/108738382

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值