原因:webpack-dev-server默认从项目下的public文件夹下的index.html读取
由于我们没有public这个文件夹,所出现错误
有如下两个解决方法:
方法一:在项目文件夹中新建public文件夹,将src目录下的index.html复制到public中
方法二:在 webpack.config.js 文件中修改:
devServer: {
static: "./src" //设置webpack-dev-server要读取的目录
}
改好后,保存,npm run dev一下就可以正常打开了。