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

shi3476202

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

如题，求解答

2018-03-03 源自：Vue+Webpack打造todo应用 2-1 9531 浏览 6 回答

最佳回答

2018-03-03

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

慕粉1401265953

shi3476202 (提问者)

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

#1 2018-03-03 回复

qq_后知后觉_82

怎么换

#2 2018-03-07 回复

chenzhixiao 回复 qq_后知后觉_82：

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

#3 2018-10-22 回复

MaxLeader

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

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

2018-04-25

慕粉1025037

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

module.exports = {
  // ...
  plugins: [
    new VueLoaderPlugin()
  ]
}

#1 2018-05-02 回复

乘风破浪12

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

#2 2018-05-20 回复

chenwen0679 回复乘风破浪12：

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

#3 2018-05-21 回复

点击展开后面1条评论

qq_sunshine念想_03177437

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

2018-03-12

恶也能多

官网上有解答，加个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()
  ]}

2019-05-08

慕粉1401265953

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

2018-03-03

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'
不知道跟这个有没有关系

#1 2018-03-03 回复

krui0728

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

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.

```

仍旧没有解决

2018-07-03

qq_MrWei_3

在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/

}

]

#1 2019-04-16 回复

0/150

提交

取消

发新问题

Android AngularJS APPUI设计 AWS Bootstrap C C# C++ Cocos2d-x CSS3 DB Django Docker Flask Flink fullftack Go Hadoop Hbase Html/CSS Html5 Ionic iOS JAVA javafullftack JavaScript JQuery Kubernetes Linux Maya MongoDB MySQL Nginx Node.js NoSql OpenStack Oracle Photoshop PHP Premiere Python React Native React.JS Redis Ruby R语言 Sass/Less Spark Spring Cloud SpringBoot SQL Server SSM Storm Swoole ThinkPHP Tornado Typescript Unity 3D Vue.js WebApp WEEX Yii ZBrush 中间件云计算产品交互人工智能以太坊前端工具功能测试动效动画区块链大前端大数据安全测试容器小程序微服务性能测试接口测试数学数据分析&挖掘数据结构机器学习模型制作测试深度学习爬虫移动测试算法算法与数据结构自动化测试自动化运维自然语言处理计算机网络计算机视觉设计基础设计工具超级账本运维运维工具阿里云

慕课网APP - 随时随地学编程

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

最佳回答

相关问题

慕课网APP - 随时随地学编程

热搜

最近搜索清空

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

最佳回答

相关问题