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

Posted 2022-04-22 闲言博客

解决办法

在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