Question

我正在尝试将Vue CLI应用程序集成到我们正在使用的另一个Web项目中。当运行与Vue CLI捆绑在一起的开发服务器时，Vue应用程序本身可以工作。

Vue应用程序包含.vue个文件，因此需要Webpack加载程序。我使用了vue-loader documentation中的设置。当我运行webpack（通过Grunt）时，现在出现以下错误：

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

经过大量的修改，我发现上述文档中的new VueLoaderPlugin();行是造成此问题的原因。但是，我确实需要此插件才能使我的.vue文件正常工作。

我正在使用以下加载程序集，这些加载程序是通过package.json使用npm导入的：

{
  // ...
  "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"
  }
}

我已尝试使用Google搜索错误，但空手而归。欢迎所有帮助和建议。干杯！

Answer 1

在尝试使vue-loader正常工作时，有时会出现错误，导致我将Webpack更新为更高版本。该版本似乎已弃用module.loaders而不是module.rules。

在webpack配置中更改此设置似乎可以使一切正常运行。希望有人觉得这有用！

调用VueLoaderPlugin（）会导致'findIndex'未定义错误

1 个答案: