Код VS з es6


104

У моєму коді з’являється помилка підключення 'import' is only available in ES6 (use 'esversion: 6').

Все, що пов’язано з es6, викликає помилку. Не знаю, що я повинен налаштувати, щоб він працював.

Відповіді:


216

Додайте файл з іменем .jshintrcдо вашого проекту, і всередині цього файлу введіть це:

{
    "esversion": 6
}

Як ви можете бачити тут:

введіть тут опис зображення

Повну документацію щодо jshintопцій можна знайти тут: http://jshint.com/docs/options


4
jshint.com/docs/options/#esversion для тих, хто шукає документацію.
Джеремі Лартер,

5
Це слід додати автоматично.
Xaqron

здається, що часом потрібно додати цей рядок "moz": правда
kinsley kajiva

6
Це не спрацювало для мене (версія vscode 1.37.1, OS X). Перейдіть до налаштувань розширення -> виберіть Редагувати в settings.json До JSON додайте: "jshint.options": { "esversion": 6 } Не забувайте кому в попередньому рядку!
sijpkes

1
Єдине місце, щоб додати це, є ~/settings.jsonв моєму досвіді. Налаштування рівня проекту на це не вплинуть. Абсурдно, це не за замовчуванням. Дійсно важко з’ясувати, як це виправити, а тим часом користувальницький досвід роботи з javascript у VS Code є ворожим. Супер дратує. Він повинен підтримувати ES6 + за замовчуванням. Чому б не?
rjurney

94

Редагувати: Я додав спосіб увімкнення es6, якщо ви використовуєте ESLint замість JSHint, а також оновлюєте скріншоти, оскільки VSCode змінився з моєї початкової відповіді.

Метод JSHint:

Якщо ви використовуєте JSHint, ви можете додати наступне до своїх налаштувань:

"jshint.options":{
    "esversion":6
}

Метод ESLint:

Якщо ви використовуєте ESLint, ви можете додати наступне до своїх налаштувань:

"eslint.options": {
    "env":{
        "es6":true
    },
    "parserOptions": {
        "ecmaVersion": 6 // or 7,8,9
    }
}

Документація конфігурації ESLint

Як оновити налаштування

  1. У VS Code перейдіть до settings

Налаштування коду VS

  1. Коли відобразяться налаштування, ви побачите розділи налаштувань:

Вкладки налаштувань користувача та робочої області

Зверніть увагу, що є два розділи, де ви можете налаштувати свої налаштування, „ Налаштування користувача” та „ Налаштування робочої області”

Налаштування користувача - це місце, де слід застосовувати будь-які загальнодоступні налаштування для будь-якого проекту, над яким ви коли-небудь працюєте.

Налаштування робочої області це місце, де ви можете вносити зміни до параметрів, які слід застосовувати лише до вашого поточного проекту.

У моєму випадку, оскільки я знаю, що лише деякі з моїх проектів можуть використовувати ES6, мені потрібно мати підказку про помилку, щоб попередити мене, якщо я використовую ES6 для моїх проектів, які не є ES6 ... тому я встановлюю це лише в налаштуваннях робочої області

Але якщо ви знаєте, що все, що ви кодуєте у VS Code, буде проектом ES6, збережіть крок і додайте його до своїх налаштувань користувача .

  1. Клацніть на Користувач / Робоча область залежно від ваших уподобань. Шукайте JSHint або ESLint (залежно від того, що ви використовуєте). Клацніть на будь-яке з посилань « Змінити» у налаштуваннях .json, не має значення, яке саме.

Редагуйте в settings.json

  1. Додайте відповідні налаштування залежно від того, використовуєте ви JSHint або ESLint:

JSHint

Додавання налаштування JSHint

ESLint

Додавання налаштування ESLint


6
Це була чудова відповідь та +1 за те, що не потрібно було створювати додатковий файл у каталогах проектів ... Знімки екрана також дуже корисні, велике спасибі!
twknab

Крім того, це краще, оскільки це можна зробити автоматично для нових проектів, замість того, щоб створювати нові файли, або просто зберігати в одній робочій області.
Ян Сіла

2
Мені чомусь не вдається. Я спробував це як в налаштуваннях користувача, так і в робочій області
LondonGuy

1
Щиро дякую за детальне пояснення, це справді було дуже корисно.
Кетан Рамтеке

22

Ви можете додати "esversion": 6jshint.options в налаштуваннях користувача.

{
  "jshint.options": {
    "esversion": 6
  }
}

4

Щоб лише округлити чудові пропозиції, які вже були подані, ви також можете встановити це для кожного файлу, додавши цей рядок (і подібний для інших налаштувань jshint) у верхню частину вашого файлу.

// jshint esversion:6

Насправді ви можете додати його куди завгодно, але це впливає лише на наступний код, дозволяючи перемикати та вимикати налаштування, якщо ви відчайдушно хочете зробити щось дивне.


0

Переконайтеся, що ви робите вищезазначені конфігурації з json, але також вилучаєте / вимикаєте jshintрозширення для робочої області, якщо ви використовуєте, eslintі навпаки.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.