TypeError: The 'compilation' argument must be an instance of Compilation vue-loader

Я использую vue.js с webpack, не vue-cli. Решил использовать компоненты, посмотрел и увидел что там используется для их компиляции и подключения vue-loader и vue-template-compiler. Когда я установил и сделал по инструкции с сайта vue-loader, при запуске проекта (я запускаю gulp который далее запускает компиляцию webpack ну и прочее) и мне выбивает эту ошибку:

TypeError: The 'compilation' argument must be an instance of Compilation

Вот полная ошибка если нужно:

[16:38:03] TypeError: The 'compilation' argument must be an instance of Compilation
    at Function.getCompilationHooks (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack/lib/NormalModule.js:195:10)
    at /opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/vue-loader/lib/plugin-webpack5.js:50:47
    at SyncHook.eval [as call] (eval at create (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at SyncHook.lazyCompileHook (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/tapable/lib/Hook.js:154:20)
    at Compiler.newCompilation (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/webpack/lib/Compiler.js:631:26)
    at /opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/webpack/lib/Compiler.js:667:29
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/tapable/lib/Hook.js:154:20)
    at Compiler.compile (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/webpack/lib/Compiler.js:662:28)
    at /opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/webpack/lib/Compiler.js:321:11
    at Compiler.readRecords (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/webpack/lib/Compiler.js:529:11)
    at /opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/webpack/lib/Compiler.js:318:10
    at eval (eval at create (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:11:1)
    at /opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/webpack/lib/CachePlugin.js:50:13
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook (/opt/lampp/htdocs/MonoCMS/MonoCMS_2.0/MonoAdmin/view/node_modules/webpack-stream/node_modules/tapable/lib/Hook.js:154:20)
[16:38:03] 'default' errored after 726 ms

Вот код webpack.config.js

// webpack.config.js

const path = require("path");
const { VueLoaderPlugin } = require('vue-loader')

module.exports = {
    module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin()
    ],



    entry: {
        main: path.resolve(__dirname, './js/main.js'),
    },

    output: {
        path: path.resolve(__dirname, './js/dist/'),
        filename: '[name].bundle.js',
    },

    mode: "development", // production, development

    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
        }
    }
}