Игнорировать ошибку eslint: "import" и "export" могут появляться только на верхнем уровне

Можно ли деактивировать эту ошибку в eslint?

Parsing error: 'import' and 'export' may only appear at the top level

5 ответов

Решение

ESLint изначально не поддерживает это, потому что это противоречит спецификации. Но если вы используете babel-eslint Парсер, то внутри вашего конфигурационного файла eslint вы можете сделать это:

{
  "parser": "babel-eslint",
  "parserOptions": {
    "sourceType": "module",
    "allowImportExportEverywhere": true
  }
}

Ссылка на документ: https://github.com/babel/babel-eslint

Мое решение, если другие не работают

"parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module"
}

В eslint 6.2 добавлена ​​поддержка динамического импорта.

Однако вам нужно установить ecmaVersion на 11 (или 2020).

"parserOptions": {
    "ecmaVersion": 11
    ...
}

Вы можете проверить это в их онлайн-демонстрации.

В моем случае:

Добавлен javascriptreact для реактивного проекта. Я думаю, что тип проекта должен быть добавлен в плагины.

      {
...,
 "plugins": [
        "prettier",
        "javascriptreact"
    ],
...
}

Вам нужно добавить .eslintrc

          {
        "parserOptions": {
            "sourceType": "module",
        }
    }
Другие вопросы по тегам