Как правильно использовать импорт и требовать в ES6?
Есть несколько вопросов об импорте и потребностях и их различиях. Как это:
В чем разница между "импортировать" и "требовать" в JavaScript?
Разница между "require(x)" и import x
игнорировать ошибку eslint: "import" и "export" могут появляться только на верхнем уровне
Я создаю электронное приложение с Vue и работаю с ES6. Но как только я использую импорт, я получаю ошибку lint:
[eslint] Ошибка синтаксического анализа: "import" и "export" могут появляться только с "sourceType: module"
Это происходит как в узловой части электрона, так и во внешней части.
Принятый ответ в последней ссылке говорит: "ESLint изначально не поддерживает это, потому что это противоречит спецификации". а затем дает возможность избавиться от ошибки с помощью babel.
Поскольку я думал, что ES6 поддерживает импорт, и я использую ES6, почему он все еще жалуется на это?
Я использовал vue-cli 3 для генерации проекта, который имеет файл main.js, который начинается с import Vue from 'vue'; что дает мне ошибку lint выше, даже если работает код работает.
Может кто-нибудь уточнить, почему ESLint, настроенный на использование ES6, жалуется при использовании импорта? И если он до сих пор не поддерживается, почему фреймворк, такой как Vue, использует его? Как правильно использовать импорт только с ES6 без использования babel?