SyntaxError：在我的 ruby​​ 项目中运行 gulp server / gulp watch 时无法在模块外部使用 import 语句

Question

在我的 ruby​​ 项目中，当我尝试运行 gulp （gulp 服务器、gulp watch）时，出现以下错误：

Users/workspace/website2019/gulpfile.babel.js:1
import del from 'del';
^^^^^^

SyntaxError: Cannot use import statement outside a module

我不知道如何解决它，如果有人可以帮助我，

Answer 1

由于文件的原因，您需要使用 babel 与 gulp 进行转译，gulpfile.babel.js因此您需要安装 babel。根据您需要的文档@babel/register以及@babel/preset-env转换import语法。

因此，在您的项目文件夹中运行以下命令

npm install --save-dev @babel/core @babel/register

然后在根文件夹中创建babel配置文件.babelrc并添加以下行

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