webpack和--config之间有空格

开头把老师的npm i webpack命令替换成npm install --save webpack@3.10.0就可以了（@后面就是安装时指定的版本号），然后我把其他依赖也安装了视频对应的版本（在package.json里的dependencies，视频的10:37里有显示）就没有报错了

依赖版本太高,要控制版本

npm install vue-loader

vue-loader 15以上的版本要下载依赖@vue/compiler-sfc

这个我解决了，webpack版本过高的话需要安装html-webpack-plugin和vue-loader-plugin插件,然后webpack.config.js的配置如下：

const path = require('path')

const VueLoaderPlugin = require('vue-loader/lib/plugin')

const htmlWebpackplugin = require('html-webpack-plugin');

module.exports = {

entry:path.join(__dirname,'src/index.js'),

output:{

filename:'bundle.js',

path:path.join(__dirname,'dist')

},

module:{

rules:[

{

test:/\.vue$/,

loader:'vue-loader'

},

{

        test: /\.css$/,

        loader: 'css-loader'

        },

        {

        test:/\.styl/,

        use:[

          'style-loader',

          'css-loader',

          'stylus-loader'

        ]

        },

        {

        test:/\.(gif|jpg|jpeg|png|svg)$/,

        use:[

            {

          loader:'url-loader',

            options:{

            limit:1024,

            name:'[name]-aaa.[ext ]'

            }

            }

        ]

        }

]

},

plugins: [

        new htmlWebpackplugin({

        }),

        new VueLoaderPlugin()

    ],

}

webpack-cli版本兼容问题吧，先卸载webpack-cli，换其他版本的webpack-cli试试

webpack-cli版本太高，降到3.几的版本就可以了

https://cn.vuejs.org/v2/api/#render

webpack4 以上的版本需要再安装一个 webpack-cli

检查你的vue-loader版本，v15版本要加一个plugins。在webpack.config.js中配置

const path = require('path');

const VueLoaderPlugin = require('vue-loader/lib/plugin');

module.exports = {

  entry: path.join(__dirname, 'src/index.js'),

  output: {

    filename: 'bundle.js',

    path: path.join(__dirname, 'dist')

  },

  plugins: [

    new VueLoaderPlugin()

  ],

  mode: 'development',

  module: {

    rules: [

      {

        test: /.vue$/,

        loader: 'vue-loader'

      }

    ]

  }

}

接收的时候，不用 解构，然后 报错信息 好像是在 index.js 中文件引入有些问题

是否使用了require.ensure , 还是使用了amd异步模块加载？如果是就会自动将其chunk分离成一个bundle文件

无效配置对象，检查一下配置内容是不是一个对象。查看一下版本信息。

你那个多了个双引号

可以尝试添加图中红圈部分进行解决

//webpack前端打包工具，前端资源打包成js类型，模块依赖，原生只支持js文件类型，为其他文件添加loader
const path=require('path')
//添加一
const VueLoaderPlugin = require('vue-loader/lib/plugin.js')
module.exports={
    entry:path.join(__dirname,'src/index.js'),
    output:{
        filename:'bundle.js',
        path: path.join(__dirname,'dist')
    },
    module:{
        rules:[
            {
                test:/.vue$/,
                loader: 'vue-loader'
            },{//添加二
                test: /\.css$/,
                use:['vue-style-loader','css-loader']
            }
        ]
    },
    //添加三
    plugins: [
        new VueLoaderPlugin()
    ],
    //添加四
    mode:'development'
}

麻烦问下，什么原因导致的，我也报这个错误

--save-dev

最好的解决办法就是把错误的提示复制到百度去搜索，一般情况下都会找到正确的答案。

耐心一点，做程序猿出现都会遇到bug，最重要的就是培养自己解决问题的能力。。

1.安装vue-template-compiler

 npm install vue-template-compiler

2.引入VueLoaderPlugin

在webpack.config.js 开头引入

const { VueLoaderPlugin } = require("vue-loader");

module.exports中增加：

plugins: [new VueLoaderPlugin()],

解决

模块找不到

cnpm i css-loader -D 或--save-dev 开发模式

cnpm i css-loader -S 或 --save  生产模式

需要在package.json文件的script标签添加build

没有安装npm 

刚开始学，同样遇到这个问题，请问咋解决的