使用webpack自动打包之后输入网址http://localhost:8080/页面报错404,这个问题怎么解决

使用webpack自动打包npm run dev命令之后输入网址http://localhost:8080/页面报错404,这个问题怎么解决
1631083481(1).png
1631083508(1).png

 "scripts": {
    "dev": "webpack-dev-server"
  },

1631083530(1).png

const path = require('path')
module.exports = {
    //编译模式
    mode:'development',
    entry:path.join(__dirname,'./src/index.js'),
    output:{
        path:path.join(__dirname,'./dist'),//输出文件的存放路径
        filename:'bundle.js'//输出文件的名称
    }
}

1631083573.png

阅读 3.1k
1 个回答

dist目录下没有index.html 百度下webpackhtmlplugin用法。加进去

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题