使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法

1. 出现问题

最近使用 webapck 的插件 webpack-dev-server,按照网络上的视频进行配置时,发现自己的项目总是出现Cannot GET/
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法

2. 查询webpack中文文档

中文文档说,使用 webpack-dev-server 需要修改 webpack.config.js 配置文件
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法

照做了之后发现打开的页面是 dist 文件夹下的 bundle.js (自己定义的输出文件)
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法
并不能运行页面

3. 修改static

于是乎,又进行了一番查找,但是并没有很多相关的问题,猛然间细想,既然想要打开的是整个项目文件,那么就把 static 修改成了项目路径,一试发现果然如此
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法

点击src文件,得到正常的运行结果
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法

初学webpack, 很多原理都不太懂,网上出现 Cannot GET/ 的情况也有很多,导致的原因也多种多样。折腾了好些天,好在我的这个问题解决了,这个插件能够正常使用了,希望能够给到和我有相同情况的小伙伴一些帮助。

上一篇:kail linux安装


下一篇:学习笔记237—弹出App can’t be opened because Apple cannot check it for malicious software的解决方法