Код 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.