                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo应用

webpack.config.js配置了vue-loader还是报错？

如题，求解答

shi3476202

2018-03-03

源自：Vue+Webpack打造todo应用 2-1

关注问题我要回答

13754

操作

收起

6 回答

慕粉1401265953 回答被采纳 +2 积分
2018-03-03

我全都是--save-dev 安装的，按照上面的提示你这个应该是缺少安装插件才对。https://github.com/bingfengding/todo 你看看对照我的配置以及package.json文件是不是部分插件没安装或版本不对

1 回复有任何疑惑可以回复我~

收起回答

shi3476202 提问者

问题出在webpack的版本上，4.0换成3.10.0就好了

2018-03-03 回复有任何疑惑可以回复我~

qq_后知后觉_82

怎么换

2018-03-07 回复有任何疑惑可以回复我~

chenzhixiao 回复 qq_后知后觉_82

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

2018-10-22 回复有任何疑惑可以回复我~

恶也能多
2019-05-08

官网上有解答，加个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 回复有任何疑惑可以回复我~

收起回答

krui0728
2018-07-03

按照这个配置之后解决了这个
```

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 回复有任何疑惑可以回复我~

收起回答

慕桂英6859165

在webpack的配置里加上关于css加载器的配置 module:{ rules:[ //配置规则 { test:/\.vue$/, //匹配所有以.vue结尾的文件已vue-loader加载 loader:'vue-loader' }, { test:/\.css$/, use:[ 'vue-style-loader', 'css-loader' ] }, { test:/\.js$/, loader:'babel-loader', exclude:/node_modules/ } ]

2019-04-16 回复有任何疑惑可以回复我~

MaxLeader
2018-04-25

是 vue-loader 15.0.0的问题我也遇到了换成 14.2.2就好了，暂时不知道 15.0.0 应该如何配置

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

5 回复有任何疑惑可以回复我~

收起回答

慕粉1025037

非常感谢！我也遇到了这个问题，按照链接里配置终于解决了！ // webpack.config.js const { VueLoaderPlugin } = require('vue-loader') module.exports = { // ... plugins: [ new VueLoaderPlugin() ] }

2018-05-02 回复有任何疑惑可以回复我~

乘风破浪12

谢谢你啊，我也是遇到了这个错误，然后更改了版本搞定问题，对了，小伙伴们，webpack的版本建议用3.5.5的哦，希望对大家有用，

2018-05-20 回复有任何疑惑可以回复我~

chenwen0679 回复乘风破浪12

我也遇到了类似的问题。我还想请教一下，为什么建议用webpack 3.5.5 ？☺

2018-05-21 回复有任何疑惑可以回复我~

查看1条回复

qq_sunshine念想_03177437
2018-03-12

我遇到的问题和你是一样的，我把rules下面的test属性改成 '/\.vue$/'就能成功跑起来了，你试一下

2 回复有任何疑惑可以回复我~

收起回答

慕粉1401265953
2018-03-03

缺少解析template的loader你看你装了这个没。这么巧居然一起在学。加好友一起研究？

0 回复有任何疑惑可以回复我~

收起回答

shi3476202 提问者

这个装了，我从头开始再来一遍的时候发现npm install vue的时候有一个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' 不知道跟这个有没有关系

2018-03-03 回复有任何疑惑可以回复我~

0/150

提交

取消

Vue+Webpack打造todo应用

参与学习 84606 人
解答问题 787 个

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

进入课程

本课相似问答

2 回答npm run build 报错，webpack.config.js 中loader也配置了，还是报错

6 回答配置vue-loader后依然报错

1 回答我已经在webpack.config.js中已经配置了rules 还是报错。

3 回答配置了vue-loader，运行npm run dev总是报错？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 回答已经配置了loader,为什么报错说我没有配置

搜索更多本课相关问答

webpack.config.js配置了vue-loader还是报错？

我要回答关注问题

热搜

最近搜索清空

webpack.config.js配置了vue-loader还是报错？

6 回答

本课相似问答

webpack.config.js配置了vue-loader还是报错？