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

来源:2-1 vue-loader+webpack项目配置

shi3476202

2018-03-03 00:48

如题,求解答

http://img.mukewang.com/5a997f930001075607820904.jpg

写回答 关注

6回答

  • 慕粉1401265953
    2018-03-03 18:23:00
    已采纳

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

    chenzh... 回复qq_后知后...

    更换loader的版本:npm i vue-loader@14.2.2 ; 更换webpack的版本:npm i webpack@3.5.5

    2018-10-22 17:32:23

    共 3 条回复 >

  • 恶也能多
    2019-05-08 21:02:39

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


  • krui0728
    2018-07-03 23:05:14

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

    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.

    ```

    仍旧没有解决


    慕桂英685...

    在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 11:13:55

    共 1 条回复 >

  • MaxLeader
    2018-04-25 12:55:59

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

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

    梦演绎奢华

    感谢!

    2018-11-17 15:25:12

    共 4 条回复 >

  • qq_sunshine念想_03177437
    2018-03-12 10:29:18

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

  • 慕粉1401265953
    2018-03-03 15:40:23

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

    shi347...

    这个装了,我从头开始再来一遍的时候发现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 17:48:43

    共 1 条回复 >

Vue+Webpack打造todo应用

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

84606 学习 · 787 问题

查看课程

相似问题