在安装了Vue插件之后,发觉编译不了.vue文件,但是已经把vue-loader vue-template-compiler 都下载完毕,并且还在webpack.config.js里面配置了

 {test:/\.vue$/,use:'vue-loader'}

但是还是不行,一直提示:

client:162 ./src/login.vue
Module Error (from ./node_modules/_vue-loader@15.4.2@vue-loader/lib/index.js):
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

后来发现是没有配置 引包

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

plugins:[
     new VueLoaderPlugin()
	]

配置完毕之后就可以正常的包vue文件了

 

附加:

 webpack中如何使用vue
//1.安装vue包 cnpm i vue -D
//2.由于需要在webpack中要使用 .vue 这个组件模板定义组件 所以需要下载 安装能够解析 .vue 的loader
 //cnpm i vue-loader vue-template-compiler -D
 //3.在main.js文件中 导入vue模块 import Vue from 'vue'
 //4.定义一个.vue结尾的组件,里面的内容包括 template script style 这三大主标签
 //5.需要在webpack.config.js 的配置文件里面定义组件 {test:/\.vue/,use:'vue-loader'}
 //6.使用import xxx from './xxx.vue',导入这个组件
 //7创建vm实例 var vm = New Vue({el:'#app',render:c=>c(xxx)})
 //8.在页面中创建一个id为app的div元素,作为vm实例控制的区域

Logo

前往低代码交流专区

更多推荐