eslint 'html-webpack-plugin' должен быть указан в зависимостях проекта, а не в devDependencies.(Импорт / нет-постороннего-зависимостей) - PullRequest
Новая
       40

eslint 'html-webpack-plugin' должен быть указан в зависимостях проекта, а не в devDependencies.(Импорт / нет-постороннего-зависимостей)

0 голосов
/ 19 мая 2018

В моем редакторе кода Vs я получаю следующую ошибку в простом требовании, например: 

const HtmlWebpackPlugin = require('html-webpack-plugin')

Ошибка: [eslint] 'html-webpack-plugin' должен быть указан в проектезависимости, а не devDependencies.(import / no-extraneous-dependencies)

Может кто-нибудь объяснить, что такое no-extraneous-dependencies и почему он дает мне эту ошибку в простом требовании в моей конфигурации webpack.Я прошел по этой ссылке: eslint должен быть указан в зависимостях проекта, а не devDependencies , но это не очень помогло, так как не объясняло, почему я добавляю эту строку.

Мой файл eslintrc.json: 

{
  "env": {
    "browser": true,
    "es6": true,
    "commonjs": true,
    "node": true
  },
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["prettier"],
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  }
}

1 Ответ

0 голосов
/ 19 мая 2018

Вам просто нужно сказать eslint, что в веб-пакете можно требовать зависимости dev.

Вы можете создать .eslintrc в папке вашего веб-пакета с помощью 

rules:
  import/no-extraneous-dependencies: [error, { devDependencies: true }]

Это предотвратит ошибкуот появления.

В качестве альтернативы вы можете просто установить 

const HtmlWebpackPlugin = require('html-webpack-plugin'); // eslint-disable-line import/no-extraneous-dependencies

, чтобы отключить только эту строку

...