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上查看此issue。该问题将solution引至您的问题。您可能必须使用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
  }
}