webpack自动打包出现localhost:8080只有Cannot GET /错误

解决办法

在weboack.config.js 文件中新增 devServer节点

新增前weboack.config.js 文件

const path = require('path')
module.exports = {
    
    
  //编译模式
  mode: 'development' // development  开发用（提高开发速度） | production
  ,
  //__dirname 代表当前文件所处的目录
  entry: path.join(__dirname,'./src/index.js'), //入口文件
  output: {
    
    
    path: path.join(__dirname,'./dist'),//输出文件存放路径
    filename: 'bundle.js'//输出文件名称
  }
}

新增后weboack.config.js 文件

const path = require('path')
module.exports = {
    
    
  //编译模式
  mode: 'development' // development  开发用（提高开发速度） | production
  ,
  //__dirname 代表当前文件所处的目录
  entry: path.join(__dirname,'./src/index.js'), //入口文件
  output: {
    
    
    path: path.join(__dirname,'./dist'),//输出文件存放路径
    filename: 'bundle.js'//输出文件名称
  },
  devServer: {
    
    
    static: {
    
                                   
      directory: path.join(__dirname, './'),  
      watch: true
    }
 }
}