VSCode SyntaxError: неожиданный идентификатор при импорте es6
Я получаю эту ошибку при запуске файла 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?
Нет, у меня нет HTML-файла. Почему это имеет значение? Одна и та же ошибка возникает независимо от того, какой модуль я использую.
Вы получите эту ошибку, если ваш тег скрипта не имеет "type: module", определенного в вашем html.
Нет, я думаю, в этом ты ошибаешься. Этот вопрос не о том, как использовать импорт es6 в браузере, он касается использования импорта es6 внутри vscode. как указано в проблеме, ошибка не возникает при запуске файла непосредственно с помощью узла на терминале. он срабатывает только при запуске изнутри vscode
Вы были правы, конечно, совершенно другая проблема, я нашел ваше точное предложение на github сразу после статьи, которую я прочитал о проблеме html
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 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
}
}
Я видел эту статью перед размещением здесь. Эта статья посвящена отладке кода. Предлагаемое решение не устраняет ошибку. Это все та же ошибка
В вашем проекте есть html-файл?