使用webpack-html-plugin打包生成html页面失败，是什么原因啊？大神们，求助

 

webpack生成js没问题，到安装完webpack-html-plugin就出现这样的错误了，麻烦各位大神给看一下，找找原因，感激不尽

let path=require('path')//专门处理路径用的，以当前路径解析出一个相对路径
console.log(path.resolve('./dist'));
let HtmlWebpackPlugin=require('html-webpack-plugin');
module.exports={
    entry:'./src/main.js',//入口
    //webpack会自动查找相关的依赖进行打包
    //entry:'./src/main1.js',//多入口打包
    output:{
        filename:'bundle.js',//打包后的名字
        //filename:'[name].js',
        path:path.resolve('./dist') //必须是一个绝对路径
    },
    //模块的解析规则
    //-js匹配所有的js 用babel-loader转义 排除掉node_modules
    module: {//模块对象
        rules: [
            {test: /\.js$/, use: 'babel-loader', exclude: /node_modules/},
            //use时从右往左写
            {test: /\.css$/, use: ['style-loader', 'css-loader']},
            {test: /\.less$/, use: ['style-loader', 'css-loader',