使用 webpack-dev-server页面提示cannot get/

最新推荐文章于 2024-08-02 17:44:34 发布
最新推荐文章于 2024-08-02 17:44:34 发布
阅读量1.3w 收藏
点赞数 2
分类专栏： webpack 文章标签： 页面提示cannot get/ webpack-dev-server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jingjingshizhu/article/details/80051078
版权

作为一个菜鸟，看着webpack的官方中文文档学习webpack时，到‘使用 webpack-dev-server’这一节时，碰到了一个问题（如下图），页面提示cannot get/

 

谷歌了多种可能性，试了多种方法知道‘只要文档不在contentBase所指定的目录中，就只会显示cannot get;所以只要文档放在该目录下就能正常工作了。’发现我的webpack.config.js配置那里添加了清除dist文件夹的插件，然后把它注释掉就可以了

首先要保证有生成dist文件，否则也打不开

祗想安靜地。
关注
专栏目录
webpack-dev-server解决单页面应用路由问题
Riona_cheng的博客
09-10 2580
纯手工搭建webpack项目，解决单页面路由问题
react-router 使用webpack-dev-server做服务器时 单级刷新报错 Cannot GET /xx。多级刷新报错404
LimonSea的博客
07-22 1516
场景：在当前url刷新时页面变为Cannot GET /xx 有可能你用了 webpack-dev-server工具，需要在webpack.config.js中配置： module.exports = { ...... devServer: { ... historyApiFallback: true, // 这句话 }, } 再试试吧！ ...
webpack-dev-serve Cannot GET /
imkaifan的博客
01-22 1055
webpack-dev-serve Cannot GET /
webpack webpack-dev-server 页面提示 cannot get /
wangatong的博客
03-09 637
在webpack.confi.js里添加 devServer: { static: './src', },
如何运行vue3并部署 并解决Cannot GET /的问题
最新发布
克里斯蒂亚诺更新的博客
08-02 206
如果要部署：npm run build。运行npm run dev。在package.json。
webpack-dev-serve遇到Cannot GET 问题的解决方案
Quindrich的博客
03-20 3279
webpack-dev-serve遇到Cannot GET 问题的解决方案
webpack使用webpack-dev-server包出现Cannot GET /的原因和解决方法
pursuedream6的博客
02-16 1003
webpack-dev-server默认访问的是public目录下的index.html,但项目结构如下图，没有此目录和文件。解决方法:在webpack.config.js里添加。static:“./src”,// 修改默认访问目录。
使用 webpack-dev-server页面提示can not get/
业余前端的职业经历
02-29 2217
这个时候 如果你的webpack配置没啥问题 而且 npm run build打包后也没问题的话　 就去看看的你　输出的html文件 是不是index.html 网站默认寻找路径是 index.html 其他名字的html 服务器是不会找到的 new HtmlWebpackPlugin({ template:'./index.html', // 模板文件 filename:'index.ht...
vue项目初始化时npm run dev报错webpack-dev-server解决方法
weixin_45459904的博客
12-17 7713
原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好 webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低 （1）、npm uninstall webpack-dev-server （2）、npm install webpack-dev-server@2.9.1 （3）、npm run dev 如何执行npm uninstall webpack-dev-server 也报错的话只能用下面方法了 原因是你的node_mod
webpack运行报错 webpack-dev-server.... 解决方法
sunshime的博客
07-31 5521
报错情况： The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using y...
重学webpack系列(五) -- webpack的devServer实践与原理
小王的技术库
12-17 213
webpack的运行机制就是上面说的那样子，我们深入了源码看了一下她是怎么去加载配置项的，怎么创建Compiler对象的，怎么去编译项目以及插件的加载与执行，loader的集成处理等。下一章我们将回去讨论一下webpack一些高级特性所带来的项目的性能优化整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
vue项目启动出现cannot GET /服务错误的解决方法
10-15
主要介绍了vue项目启动出现cannot GET /服务错误的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法
qq_35056756的博客
10-20 4350
1. 出现问题 最近使用 webapck 的插件 webpack-dev-server，按照网络上的视频进行配置时，发现自己的项目总是出现Cannot GET/ 2. 查询webpack中文文档 中文文档说，使用 webpack-dev-server 需要修改 webpack.config.js 配置文件 照做了之后发现打开的页面是 dist 文件夹下的 bundle.js (自己定义的输出文件) 并不能运行页面 3. 修改static 于是乎，又进行了一番查找，但是并没有很多相关的问题，猛然间细想，
关于webpack-dev-server打包 浏览器出现Cannot GET问题
weixin_72647214的博客
04-18 203
【代码】关于webpack-dev-server打包 浏览器出现Cannot GET问题。
解决使用webpack-dev-server打包后，浏览器显示Cannot GET /
qq_55817438的博客
06-11 2123
解决使用webpack-dev-server打包后，浏览器显示Cannot GET /
解决webpack-server自动打包后Cannot GET / 问题
qq_55976173的博客
05-24 451
static: "./src" //设置webpack-dev-server要读取的目录。方法一：在项目文件夹中新建public文件夹，将src目录下的index.html复制到public中。由于我们没有public这个文件夹，所出现错误。默认从项目下的public文件夹下的index.html读取。改好后，保存，npm run dev一下就可以正常打开了。
webpack打开网页显示cannot get /
qq_49320955的博客
09-29 702
webpack打开网页显示cannot get / 在webpack.config.js的devServer中添加以下代码以显示当前项目的目录结构
使用Webpack-dev-server打包浏览器显示Cannot GET /chrome.exe的解决（实测有用）
hlp7777777的博客
04-15 505
Webpack-dev-server打包浏览器显示Cannot GET /chrome.exe的解决
webpack 配置自动打包 浏览器报错 Cannot GET /
dccose的博客
05-24 471
webpack 配置自动打包 浏览器报错 Cannot GET /
Script error. at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:252:58) at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:271:7)
07-23
根据提供的错误信息，这似乎是在 webpack-dev-server 运行时出现了脚本错误。 要解决这个问题，您可以尝试以下几个方法： 1. 检查代码中的错误：查看您的代码并确认是否存在语法错误、拼写错误或其他问题。在开发过程中，这些错误可能会导致脚本运行时出错。 2. 检查依赖项和版本：确保您的依赖项（包括 webpack、webpack-dev-server 和其他相关库）的版本兼容，并且与您的项目配置相匹配。有时，不兼容的依赖项版本可能导致运行时错误。 3. 清除缓存并重新构建：尝试清除您的项目目录中的缓存文件，并重新构建项目。有时，缓存文件可能会导致意外的错误。 4. 更新 webpack-dev-server：确保您使用的 webpack-dev-server 版本是最新的。有时，旧版本中存在的 bug 可能会导致脚本错误。 5. 查看开发服务器配置：检查您的 webpack-dev-server 配置文件或开发服务器选项，确保配置正确。特别是与 overlay 相关的配置，可能需要进行相应的调整。 如果以上方法都无法解决问题，请提供更多关于您的项目配置和相关代码的信息，以便更好地理解问题并提供帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值