VueLoaderPlugin 错误：找不到与 vue-loader 匹配的用法

Question

我在 Laravel Mix 项目中使用 webpack。当我的 webpack.config.js 看起来像这样时，Webpack 可以正常工作：

module.exports = {
    module: {
        rules: [{ test: /\.vue$/, loader: 'vue-loader' }]
    }
}

但是当我像这样添加 VueLoaderPlugin 时：

const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
    module: {
        rules: [{ test: /\.vue$/, loader: 'vue-loader' }]
    },
    plugins: [
        // make sure to include the plugin for the magic
        new VueLoaderPlugin()
    ]
}

我收到此错误：

Error: [VueLoaderPlugin Error] No matching use for vue-loader is found.
Make sure the rule matching .vue files include vue-loader in its use.

这没有意义，因为我已经准备好包含 vue-loader 的 .vue 规则。这里有什么问题，我该如何解决？

Answer 1

您的 Laravel 混合设置已经隐式加载了 VueLoaderPlugin，因此再次重新加载会导致此错误。

通过阅读他们的文档，它写道他们支持 .vue 文件编译而无需额外配置。

If you're still not convinced, check out their internal web pack configuration: https://www.github.com/JeffreyWay/laravel-mix/tree/master/src%2Fcomponents%2FVue.js and notice the use of VueLoaderPlugin.

Answer 2

如何将配置文件中的导入重写为：
const { VueLoaderPlugin } = require("vue-loader");