Вызов VueLoaderPlugin () вызывает неопределенную ошибку 'findIndex'

Question

Я пытаюсь интегрировать приложение Vue CLI в другой веб-проект, с которым мы работаем.Само приложение Vue работает при запуске сервера dev в комплекте с Vue CLI.

Приложение Vue содержит .vue файлы, поэтому необходим загрузчик для веб-пакета.Я использовал настройки из документации vue-loader .Когда я запустил webpack (через Grunt), я теперь получаю следующую ошибку:

Warning: Cannot read property 'findIndex' of undefined Use --force to continue.

После долгих попыток я понял, что причиной является строка new VueLoaderPlugin(); из упомянутой выше документации.Однако мне нужен этот плагин, чтобы мои .vue-файлы работали.

Я использую следующий набор загрузчиков, импортированных с использованием npm через package.json:

{
  // ...
  "dependencies": {
    //...
    "webpack": "~3.9.1"
  },
  "devDependencies": {
    // ...
    "vue": "^2.5.17",
    "vue-html-loader": "^1.2.4",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "^2.5.17"
  }
}

Я попытался поискать ошибку, но пришел с пустыми руками.Любая помощь и предложения приветствуются.Ура!

Answer 1

Когда я пытался заставить работать vue-loader, в какой-то момент я получил ошибку, из-за которой я обновил webpack до более поздней версии.Эта версия, кажется, осудила использование module.loaders в пользу module.rules.

Изменение этого параметра в конфигурации веб-пакета, кажется, заставило все работать гладко.Надеюсь, кто-то найдет это полезным!