详解vuejs中执行npm run dev出现页面cannot GET/问题


Posted in Javascript onApril 26, 2020

1.问题描述

最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况:

1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误

详解vuejs中执行npm run dev出现页面cannot GET/问题

2.命令窗口中并没有报错

详解vuejs中执行npm run dev出现页面cannot GET/问题

其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发现是配置信息导致:

详解vuejs中执行npm run dev出现页面cannot GET/问题

注释部分是打包时需要修改的地方(根据打包时网站根目录,这个没处理好可能会出现图片路径加载失败问题),而上面才是在开发环境下需要的配置信息(怪自己没留意,坑了自己),之后就可以正常跑了...

由于有多个网友反映并没有修改上面的publicPath,但是执行run命令之后还会出现上述情况,追其原因是除此之外还修改了config目录下的assetsPublicPath路径,将其还原为你自己打包前的路径即可.

2017.8.29

最近又有网友说到这个问题,按照以上说的方面检查了一下,还是出现了这个问题,查了一下出现这个问题的原因还可能跟node的版本还有npm版本相关,所以要把node升级较高版本,vue-cli要基于3.0以上的版本支持。

那么这时候如果升级了node或者npm,那么就可能出现npm 报错问题,那么可以尝试删除npm重新安装

链接:http://www.howtobuildsoftware.com/index.php/how-do/bYRH/nodejs-npm-npm-doesnt-work-get-always-this-error-error-cannot-find-module-are-we-there-yet

2017.8.30

今天又发现了关于这个问题的一个原因,是由于创建项目的时候用了ESLint语法检测,所以一点语法规范都会造成找不到页面,并且这些错误是在控制台是可以找到的。

如有新方法,将会继续更新!!!

到此这篇关于详解vuejs中执行npm run dev出现页面cannot GET/问题的文章就介绍到这了,更多相关vue执行npm run dev出现页面cannot GET/内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
Jan 06 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
jquery实现图片翻页效果
Dec 23 Javascript
document.execCommand()的用法小结
Jan 08 Javascript
浅谈JS闭包中的循环绑定处理程序
Nov 09 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
Aug 23 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
wx-charts 微信小程序图表插件的具体使用
Aug 18 Javascript
js生成1到100的随机数最简单的实现方法
Feb 07 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 28 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 jQuery
jquery检测上传文件大小示例
Apr 26 #jQuery
element中的$confirm的使用
Apr 26 #Javascript
JavaScript监听一个DOM元素大小变化
Apr 26 #Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 #Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
Apr 26 #Javascript
javascript 使用sleep函数的常见方法详解
Apr 26 #Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 #Javascript
You might like
详解PHP匿名函数与注意事项
2016/03/29 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
js中传递特殊字符(+,&)的方法
2014/01/16 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
JavaScript jquery及AJAX小结
2016/01/24 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
jquery datatable服务端分页
2016/08/31 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
js的三种继承方式详解
2017/01/21 Javascript
基于JQuery及AJAX实现名人名言随机生成器
2017/02/10 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
vue中$refs的用法及作用详解
2018/04/24 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
浅谈vue-props的default写不写有什么区别
2020/08/09 Javascript
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
Python中循环后使用list.append()数据被覆盖问题的解决
2018/07/01 Python
Python 3.6 中使用pdfminer解析pdf文件的实现
2019/09/25 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
Python操作MySQL数据库的示例代码
2020/07/13 Python
Python 实现二叉查找树的示例代码
2020/12/21 Python
html5中监听canvas内部元素点击事件的三种方法
2019/04/28 HTML / CSS
测量实习生自我鉴定
2013/09/19 职场文书
电子商务毕业生求职信
2013/11/10 职场文书
应付会计岗位职责
2013/12/12 职场文书
建筑经济管理专业求职信分享
2014/01/06 职场文书
安全责任书范本
2014/04/15 职场文书
家长对孩子的评语
2014/04/18 职场文书
裁员通知
2015/04/25 职场文书
同学会感言
2015/07/30 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
用Python的绘图库(matplotlib)绘制小波能量谱
2021/04/17 Python