详解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 相关文章推荐
JSQL SQLProxy 的 php 版本代码
May 05 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
Nov 26 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 Javascript
JS实现前端页面的搜索功能
Jun 12 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
JS立即执行的匿名函数用法分析
Nov 04 Javascript
浅谈VUE中演示v-for为什么要加key
Jan 16 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
Apr 13 Javascript
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如何抛出异常处理错误
2011/03/02 PHP
php cURL和Rolling cURL并发方式比较
2013/10/30 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
PHP计算百度地图两个GPS坐标之间距离的方法
2015/01/09 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
php文件系统处理方法小结
2016/05/23 PHP
实现php删除链表中重复的结点
2018/09/27 PHP
css动画效果之animation的常用样式
2021/03/09 HTML / CSS
js判断浏览器的比较全的代码
2007/02/13 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
使用python Django做网页
2013/11/04 Python
python根据距离和时长计算配速示例
2014/02/16 Python
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
python实现用户登陆邮件通知的方法
2015/07/09 Python
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
使用Python+Appuim 清理微信的方法
2021/01/26 Python
Volcom英国官方商店:美国殿堂级滑板、冲浪、滑雪服装品牌
2019/03/13 全球购物
大学生最新职业生涯规划书范文
2014/01/12 职场文书
企业党员一句话承诺
2014/05/30 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
党员作风建设整改方案
2014/10/27 职场文书
辞职信范文大全
2015/03/02 职场文书
毕业欢送会致辞
2015/07/29 职场文书
python实现自动清理文件夹旧文件
2021/05/10 Python
Django使用channels + websocket打造在线聊天室
2021/05/20 Python