SyntaxError: Cannot use import statement outside a module when run gulp server / gulp watch 在我的 ruby 項目中

Question

在我的 ruby 項目上，當我嘗試運行 gulp (gulp server, gulp watch) 時，出現以下錯誤：

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

SyntaxError: Cannot use import statement outside a module

我不知道如何解決它，如果有人可以幫助我，請

Answer 1

由於gulpfile.babel.js文件，你使用 babel 轉譯和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"
        }
      }
    ]
  ]
}

Answer 2

確保您在 package.json 中有此行

"type": "module"