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 конфиг бабел в package.json

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