vue-loader@15.x VueLoaderPlugin无法loader
在安装了Vue插件之后,发觉编译不了.vue文件,但是已经把vue-loader vue-template-compiler 都下载完毕,并且还在webpack.config.js里面配置了{test:/\.vue$/,use:'vue-loader'}但是还是不行,一直提示:client:162 ./src/login.vueModule Error (from ./node_...
在安装了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实例控制的区域
更多推荐
所有评论(0)