解决webpack-dev-server无法通过 localhost 访问的问题

 问题：在跟着学webpack的时候出现了以下问题，安装运行webpack-dev-server时，浏览器无法正常访问，并丢出404。

解决：在 webpack.config.js 中添加相关设置

module.exports={
 
    mode:'development',
    
    devServer: {
        static:'./',//根目录，需要点击进入src才能查看
        //static:path.join(__dirname, 'src'),//可以直接访问到src页面，实现页面的实时查看。
        host: "localhost",
        port: 8080,
        hot: true,
    },
}

成功:

 详细可看另一篇文章

为什么要用webpack？_咔卡熊的博客-CSDN博客