webpack(自动打包)页面报错Cannot GET /

webpack(自动打包)页面报错Cannot GET /

安装 webpack 自动打包工具以后 ，也配置完毕 ，但是打开页面以后显示的是 ：

解决办法：

在webpack.config.js文件中 module.exports 对象下 添加以下代码即可:

module.exports = {
    
    
    // 设置打包模式
    mode: 'development',

    // 修改默认打包路径
    entry: path.join(__dirname, './src/index.js'),
    output: {
    
    
        path: path.join(__dirname, './dist'),
        filename: 'bundle.js'
    },
		
	// 添加以下代码：
    devServer: {
    
    
        static: {
    
    
            directory: path.join(__dirname, './'),
            watch: true
        }
    }


}