nuxt项目中使用import报错

网上查了很多资料，都和教程中说的一样：

以为

在 package.json 的运行指令后面加上 --exec babel-node，

  "scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
       ……
}

然后在根目录下创建一个.babelrc文件，内容为

{
    "presets": ["es2015"]
}

最后下载包即可：npm install babel-preset-es2015。

但是

我创建项目的 nuxt 脚手架版本为 @nuxt/cli v2.9.2，自带了.babelrc文件，内容是

{
  "env": {
    "test": {
      "presets": [
        [
          "@babel/preset-env",
          {
            "targets": {
              "node": "current"
            }
          }
        ]
      ]
    }
  }
}

结果

配置好package.json后，经尝试安装(含全局)了 babel-preset-env、babel-cli 、babel-core都不行。最后查得官网给出的代码（https://babeljs.io/docs/en/env/）：

{
  "presets": [
    [
      "env",
      {
        "targets": {
          "node": "current"
        }
      }
    ]
  ]
}

最终

替换原来的.babelrc内容后，大功告成。

后来经过尝试，babel-core卸载了也不影响，看来只安装 babel-preset-env、babel-cli 就可以了。