为了账号安全,请及时绑定邮箱和手机立即绑定
关注
shi3476202

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

如题,求解答

http://img1.sycdn.imooc.com/5a997f930001075607820904.jpg

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

最佳回答

2018-03-03

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

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 回复

是 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
回复 5

慕粉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条评论

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

2018-03-12
回复 2

官网上有解答,加个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
回复 2

缺少解析template的loaderhttp://img4.sycdn.imooc.com/5a9a51540001587704400068.jpg你看你装了这个没。这么巧居然一起在学。加好友一起研究?

2018-03-03
回复 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'
不知道跟这个有没有关系
#1 2018-03-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.

```

仍旧没有解决


2018-07-03
回复 0

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
提交
取消
意见反馈 帮助中心 APP下载
官方微信