webpack-dev-server 插件问题 Content not from webpack is served from

在安装了webpack-dev-server插件后启动 然后一直报错  Content not from webpack is served from  XXXX

在浏览器中访问  一直显示cannot    /

 

解决办法

在wenbpack.config.js 的配置文件中加入输出文件路径配置

    devServer:{

       static:{

            directory:path.join(__dirname,'/')

       }

   }

 

const path=require('path')



module.exports={
    mode:'development',   //development 开发环境  product 生产环境
    entry:path.join(__dirname,'./src/index.js'),
    output:{
        path:path.join(__dirname,'./dist'),
        filename:'main.js'
    },
    devServer:{
        static:{
            directory:path.join(__dirname,'/')
       }
    }

}