vue-loader加載不上問(wèn)題
不知道為啥?還是報(bào)這個(gè)錯(cuò)誤，不會(huì)webpack版本的問(wèn)題把，設(shè)置了使用?vue-loader不起作用
舉報(bào)
0/150
提交
取消
不知道為啥?還是報(bào)這個(gè)錯(cuò)誤，不會(huì)webpack版本的問(wèn)題把，設(shè)置了使用?vue-loader不起作用
2018-06-02
舉報(bào)
2018-12-18
還要注意stylus的正則是 test: /\.styl(us)?$/
style標(biāo)簽上寫的是 lang="stylus"哦
2018-08-22
lss說(shuō)的對(duì)了
首先最新的webpack使用vue-loader時(shí)還要在配置中添加 Vue Loader 的插件。
//?webpack.config.jsconst?VueLoaderPlugin?=?require('vue-loader/lib/plugin')module.exports?=?{ ??module:?{ ????rules:?[ ??????//?...?其它規(guī)則 ??????{ ????????test:?/\.vue$/, ????????loader:?'vue-loader' ??????} ????] ??}, ??plugins:?[ ????//?請(qǐng)確保引入這個(gè)插件！ ????new?VueLoaderPlugin() ??]}然后如果添加了插件還是報(bào)錯(cuò)如下錯(cuò)誤的話，表示不能處理.vue文件里<style>的部分，還要添加vue-style-loader來(lái)處理
最終的webpack.config.js如下：
參考：https://vue-loader.vuejs.org/zh/guide/#%E6%89%8B%E5%8A%A8%E9%85%8D%E7%BD%AE
2018-08-22
lss說(shuō)的對(duì)了
首先最新的webpack使用vue-loader時(shí)還要在配置中添加 Vue Loader 的插件。
//?webpack.config.jsconst?VueLoaderPlugin?=?require('vue-loader/lib/plugin')module.exports?=?{ ??module:?{ ????rules:?[ ??????//?...?其它規(guī)則 ??????{ ????????test:?/\.vue$/, ????????loader:?'vue-loader' ??????} ????] ??}, ??plugins:?[ ????//?請(qǐng)確保引入這個(gè)插件！ ????new?VueLoaderPlugin() ??]}然后如果添加了插件還是報(bào)錯(cuò)如下錯(cuò)誤的話，表示不能處理.vue文件里<style>的部分，還要添加vue-style-loader來(lái)處理
最終的webpack.config.js如下：
參考：https://vue-loader.vuejs.org/zh/guide/#%E6%89%8B%E5%8A%A8%E9%85%8D%E7%BD%AE
2018-08-03
2018-07-31
//vue-loader@15.*之后除了必須帶有VueLoaderPlugin?之外，還需另外單獨(dú)配置css-loader。 const?path?=?require("path"); const?VueLoaderPlugin?=?require('vue-loader/lib/plugin'); module.exports?=?{?? ????entry:path.join(__dirname,"js/index.js"), ????module:{???? ????????rules:[{?????? ????????????test:/\.vue$/,?????? ????????????loader:"vue-loader"???? ????????},{?????? ????????????test:/\.css$/,?????? ????????????loader:"style-loader!css-loader"???? ????????}] ????},?? ????plugins:?[???? ????????new?VueLoaderPlugin()?? ????],?? ????output:{???? ????????filename:"bundle.js",???? ????????path:path.join(__dirname,"dist")?? ????} }2018-07-31
//vue-loader@15.*之后除了必須帶有VueLoaderPlugin 之外，還需另外單獨(dú)配置css-loader。
const path = require("path");
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
? entry:path.join(__dirname,"js/index.js"),
? module:{
? ? rules:[{
? ? ? test:/\.vue$/,
? ? ? loader:"vue-loader"
? ? },{
? ? ? test:/\.css$/,
? ? ? loader:"style-loader!css-loader"
? ? }]
? },
? plugins: [
? ? new VueLoaderPlugin()
? ],
? output:{
? ? filename:"bundle.js",
? ? path:path.join(__dirname,"dist")
? }
}
2018-07-31
#vue-loader@15.*之后除了必須帶有VueLoaderPlugin?之外，還需另外單獨(dú)配置css-loader。
const path = require("path");
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
? entry:path.join(__dirname,"js/index.js"),
? module:{
? ? rules:[{
? ? ? test:/\.vue$/,
? ? ? loader:"vue-loader"
? ? },{
? ? ? test:/\.css$/,
? ? ? loader:"style-loader!css-loader"
? ? }]
? },
? plugins: [
? ? new VueLoaderPlugin()
? ],
? output:{
? ? filename:"bundle.js",
? ? path:path.join(__dirname,"dist")
? }
}
2018-06-17
裝了“css-loader”，也正確配置了“VueLoaderPlugin”，但無(wú)法解析“app.vue”內(nèi)“style”標(biāo)簽里的樣式文本，該如何解決？
主要報(bào)錯(cuò)內(nèi)容如下：
ERROR?in?./src/app.vue?vue&type=style&index=0&id=bced26ea&scoped=true&lang=css?(./node_modules/vue-loader/lib??vue-loader-options!./src/app.vue?vue&type=style&index=0&id=bced26ea&scoped=true&lang=css)?16:0 Module?parse?failed:?Unexpected?character?'#'?(16:0) You?may?need?an?appropriate?loader?to?handle?this?file?type. | | >?#test?{ |?????color:?red; |?}我的依賴包如下：
"dependencies":?{???? ????"css-loader":?"^0.28.11", ????"vue":?"^2.5.16", ????"vue-loader":?"^15.2.4", ????"vue-template-compiler":?"^2.5.16", ????"webpack":?"^4.12.0", ????"webpack-cli":?"^3.0.8" }所以這該如何解決呢？
2018-06-14
我寫了，但是沒(méi)用啊，還是報(bào)錯(cuò)
2018-06-11
謝謝木汀，我也遇到這個(gè)問(wèn)題，并按照你的方式解決了問(wèn)題