代码

index.js

1
2
3
import {test} from 'test'

export default test

第一步，安装 node-babel

cnpm i -D @babel/node
npx babel-node index.js

此时报错

1
Error: Cannot find module '@babel/core'

第二步安装 @babel/core

cnpm i -D @babel/core
npx babel-node index.js

此时报错

1
2
3
4
5
import * as test from 'test';
^^^^^^

SyntaxError: Cannot use import statement outside a module
意思是：SyntaxError：无法在模块外部使用import语句

第三步添加配置文件

.babelrc or babel.config.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{
  "presets": [
    [
      "@babel/env",
      {
        "targets": {
          "edge": "17",
          "firefox": "60",
          "chrome": "67",
          "safari": "11.1",
        },
        "useBuiltIns": "usage",
        "corejs": "3.6.5",
      }
    ]
  ]
}

npx babel-node index.js

此时报错

1
Error: Cannot find module '@babel/preset-env'

第四步安装 @babel/preset-env

cnpm i -D @babel/preset-env
npx babel-node index.js

发现此时没报错了，说明 OK

小技巧

  • 报错ReferenceError: regeneratorRuntime is not defined？安装依赖cnpm i -D @babel/plugin-transform-runtime @babel/runtime-corejs3，在use.options.plugins中配置[["@babel/plugin-transform-runtime",{"corejs":3,"regenerator":true,"useESModules":true,"helpers":true}]]