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'

Как я могу использовать импорт ES6 в VScode?

Answer 1

Посмотрите на эту проблему на GitHub. Эта проблема относится к решению вашей проблемы. Вы, вероятно, должны использовать babel-register:

1:

$ npm i -D babel-register

2:

$ npm i -D babel-preset-es2015

3: config babel в package.json

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