javascript - VSCode SyntaxError：es6 导入时出现意外标识符

Question

使用代码运行器从内部运行 javascript 文件时出现此错误。

(function (exports, require, module, __filename, __dirname) { import Vue from 'vue'
                                                                 ^^^

SyntaxError: Unexpected identifier

jsconfig.json我的项目目录的根目录中有一个文件，其中包括

{
"compilerOptions": {
    "target": "es6"
}

}

我的代码运行器配置很简单

"code-runner.executorMap": {
    "javascript": "node --no-warnings"
}

测试脚本中唯一的代码行是import Vue from 'vue'

如何在 vscode 中使用 es6 导入？

Answer 1

在 GitHub 上查看这个问题。该问题引用了您的问题的解决方案。您可能必须使用 babel-register：

1：

$ npm i -D babel-register

2：

$ npm i -D babel-preset-es2015

3： 在 package.json 中配置 babel

{
  // ...
  // something else
  // ...
  "devDependencies": {
    "babel-preset-es2015": "^6.18.0",
    "babel-register": "^6.18.0"
  },
  "babel": {
    "presets": [
      "es2015"
    ],
    "sourceMaps": true,
    "retainLines": true
  }
}