                        課程
                    
                        /前端開發(fā)
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo應(yīng)用

webpack.config.js配置了vue-loader還是報(bào)錯(cuò)？

如題，求解答

shi3476202

2018-03-03

源自：Vue+Webpack打造todo應(yīng)用 2-1

關(guān)注問題我要回答

13846

操作

收起

6 回答

慕粉1401265953 回答被采納 +2 積分
2018-03-03

我全都是--save-dev 安裝的，按照上面的提示你這個(gè)應(yīng)該是缺少安裝插件才對(duì)。https://github.com/bingfengding/todo? 你看看對(duì)照我的配置以及package.json文件是不是部分插件沒安裝或版本不對(duì)

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

shi3476202 提問者

問題出在webpack的版本上，4.0換成3.10.0就好了

2018-03-03 回復(fù) 有任何疑惑可以回復(fù)我~

#2

qq_后知后覺_82

怎么換

2018-03-07 回復(fù) 有任何疑惑可以回復(fù)我~

#3

chenzhixiao 回復(fù) qq_后知后覺_82

更換loader的版本：npm i vue-loader@14.2.2 ；更換webpack的版本：npm i webpack@3.5.5

2018-10-22 回復(fù) 有任何疑惑可以回復(fù)我~

惡也能多
2019-05-08

官網(wǎng)上有解答，加個(gè)plugin就好了，https://vue-loader.vuejs.org/guide/#manual-setup

//?webpack.config.jsconst?VueLoaderPlugin?=?require('vue-loader/lib/plugin')module.exports?=?{
??module:?{
????rules:?[
??????//?...?other?rules
??????{
????????test:?/\.vue$/,
????????loader:?'vue-loader'
??????}
????]
??},
??plugins:?[
????//?make?sure?to?include?the?plugin!
????new?VueLoaderPlugin()
??]}

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

krui0728
2018-07-03

按照這個(gè)配置之后解決了這個(gè)
```

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

```

問題，但是

```

index.vue?vue&type=style&index=0&lang=css)

Module parse failed: Unexpected token (14:0)

You may need an appropriate loader to handle this file type.

```

仍舊沒有解決

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕桂英6859165

在webpack的配置里加上關(guān)于css加載器的配置 module:{ rules:[ //配置規(guī)則 { test:/\.vue$/, //匹配所有以.vue結(jié)尾的文件已vue-loader加載 loader:'vue-loader' }, { test:/\.css$/, use:[ 'vue-style-loader', 'css-loader' ] }, { test:/\.js$/, loader:'babel-loader', exclude:/node_modules/ } ]

2019-04-16 回復(fù) 有任何疑惑可以回復(fù)我~

MaxLeader
2018-04-25

是 vue-loader 15.0.0的問題我也遇到了換成 14.2.2就好了，暫時(shí)不知道 15.0.0 應(yīng)該如何配置

https://github.com/vuejs/vue-loader/blob/master/docs/migrating.md

5 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕粉1025037

非常感謝！我也遇到了這個(gè)問題，按照鏈接里配置終于解決了！ // webpack.config.js const { VueLoaderPlugin } = require('vue-loader') module.exports = { // ... plugins: [ new VueLoaderPlugin() ] }

2018-05-02 回復(fù) 有任何疑惑可以回復(fù)我~

#2

乘風(fēng)破浪12

謝謝你啊，我也是遇到了這個(gè)錯(cuò)誤，然后更改了版本搞定問題，對(duì)了，小伙伴們，webpack的版本建議用3.5.5的哦，希望對(duì)大家有用，

2018-05-20 回復(fù) 有任何疑惑可以回復(fù)我~

#3

chenwen0679 回復(fù) 乘風(fēng)破浪12

我也遇到了類似的問題。我還想請(qǐng)教一下，為什么建議用webpack 3.5.5 ？?

2018-05-21 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

qq_sunshine念想_03177437
2018-03-12

我遇到的問題和你是一樣的，我把rules下面的test屬性改成 '/\.vue$/'就能成功跑起來了，你試一下

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉1401265953
2018-03-03

缺少解析template的loader你看你裝了這個(gè)沒。這么巧居然一起在學(xué)。加好友一起研究？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

shi3476202 提問者

這個(gè)裝了，我從頭開始再來一遍的時(shí)候發(fā)現(xiàn)npm install vue的時(shí)候有一個(gè)warn npm WARN rollback Rolling back node-pre-gyp@0.6.39 failed (this is probably harmless): EPERM: operation not permitted,rmdir 'C:\Users\shixi\Documents\web\todolist\node_modules\fsevents\node_modules' 不知道跟這個(gè)有沒有關(guān)系

2018-03-03 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150

提交

取消

Vue+Webpack打造todo應(yīng)用

參與學(xué)習(xí) 84617 人
解答問題 812 個(gè)

用前端最熱門框架Vue+最火打包工具Webpack打造todo應(yīng)用

進(jìn)入課程

本課相似問答

2 回答npm run build 報(bào)錯(cuò)，webpack.config.js 中l(wèi)oader也配置了，還是報(bào)錯(cuò)

6 回答配置vue-loader后依然報(bào)錯(cuò)

1 回答我已經(jīng)在webpack.config.js中已經(jīng)配置了rules 還是報(bào)錯(cuò)。

3 回答配置了vue-loader，運(yùn)行npm run dev總是報(bào)錯(cuò)？Module Error (from ./node_modules/vue-loader/lib/index.js): vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

1 回答已經(jīng)配置了loader,為什么報(bào)錯(cuò)說我沒有配置

搜索更多本課相關(guān)問答