详解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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 Javascript
js 创建快捷方式的代码(fso)
Nov 19 Javascript
javascript 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
JSON与js对象序列化实例详解
Mar 16 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
Apr 14 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 26 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
Oct 15 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代码
2012/07/17 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
PHP.vs.JAVA
2016/04/29 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
js取float型小数点后两位数的方法
2014/01/18 Javascript
js事件监听机制(事件捕获)总结
2014/08/08 Javascript
jQuery检测鼠标左键和右键点击的方法
2015/03/17 Javascript
Underscore.js 1.3.3 中文注释翻译说明
2015/06/25 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
[51:06]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第二场 1月26日
2021/03/11 DOTA
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
Python实现矩阵相乘的三种方法小结
2018/07/26 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
python+flask实现API的方法
2018/11/21 Python
Django框架组成结构、基本概念与文件功能分析
2019/07/30 Python
python mysql自增字段AUTO_INCREMENT值的修改方式
2020/05/18 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
PyCharm2019.3永久激活破解详细图文教程,亲测可用(不定期更新)
2020/10/29 Python
python代码实现猜拳小游戏
2020/11/30 Python
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
秘书专业自荐信范文
2013/12/26 职场文书
机修工工作职责
2014/02/21 职场文书
教师读书活动总结
2014/05/07 职场文书
九一八事变纪念日演讲稿
2014/09/14 职场文书
退学证明范本3篇
2014/10/29 职场文书
教师党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
刑事附带民事代理词
2015/05/25 职场文书
初中英语教学反思范文
2016/02/15 职场文书
Python入门之使用pandas分析excel数据
2021/05/12 Python
CSS 实现Chrome标签栏的技巧
2021/08/04 HTML / CSS