分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin

发布时间:2023-09-06 02:24责任编辑:顾先生关键词:webpack

当我们出现以下报错!

解决方案:

// webpack配置文件 const path = require(‘path‘);const htmlWebpackPlugin = require(‘html-webpack-plugin‘);const VueLoaderPlugin = require(‘vue-loader/lib/plugin‘); //引入这行module.exports = { ???mode:‘none‘, ???entry:‘./src/main.js‘, ???output:{ ???????path:path.join(__dirname,‘./dist‘), ???????filename:‘bundle.js‘ ???}, ???plugins:[ ???????new htmlWebpackPlugin({ ???????????template:path.join(__dirname,‘./src/index.html‘), ???????????filename:‘index.html‘ ???????}), ????????new VueLoaderPlugin() //new一个实例 ???], ???module:{ ???????rules:[ ???????????{test:/\.css$/,use:[‘style-loader‘,‘css-loader‘]}, ???????????{test:/\.less$/,use:[‘style-loader‘,‘css-loader‘,‘less-loader‘]}, ???????????{test:/\.(jpg|png|bmp|gif|jpeg)$/,use:‘url-loader‘}, ???????????{test:/\.js$/,use:‘babel-loader‘,exclude:/node_modules/}, ???????????{test:/\.vue$/,use:‘vue-loader‘} ???????] ???}, ???resolve:{ ???????alias:{ ???????????‘vue$‘:‘vue/dist/vue.js‘ ???????} ???}}

webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin

原文地址:https://www.cnblogs.com/yaogengzhu/p/10050823.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved