详解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 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
关于js datetime的那点事
Nov 15 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 Javascript
jQuery点击输入框显示验证码图片
May 19 Javascript
Javascript中常用类型的格式化方法小结
Dec 26 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
ES6中class类用法实例浅析
Apr 06 Javascript
JS将unicode码转中文方法
May 08 Javascript
在bootstrap中实现轮播图实例代码
Jun 11 Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
Mar 14 Javascript
ant-design-vue中tree增删改的操作方法
Nov 03 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判断页面是否是微信打开的示例(微信打开网页)
2014/04/25 PHP
PHP使用mysql_fetch_object从查询结果中获取对象集的方法
2015/03/18 PHP
JS 控制CSS样式表
2009/08/20 Javascript
为原生js Array增加each方法
2012/04/07 Javascript
AngularJS基础学习笔记之简单介绍
2015/05/10 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
jQuery常见的选择器及用法介绍
2016/12/20 Javascript
javascript输出AscII码扩展集中的字符方法
2016/12/26 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
详解webpack 多页面/入口支持&公共组件单独打包
2017/06/29 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
详解Python3 中hasattr()、getattr()、setattr()、delattr()函数及示例代码数
2018/04/18 Python
python性能测量工具cProfile使用解析
2019/09/26 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
python中的socket实现ftp客户端和服务器收发文件及md5加密文件
2020/04/01 Python
Python requests模块安装及使用教程图解
2020/06/30 Python
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
英国健康和美容技术产品购物网站:CurrentBody
2019/07/17 全球购物
模具专业自荐信
2014/05/29 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
垂直极限观后感
2015/06/08 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js
MySql 缓存查询原理与缓存监控和索引监控介绍
2021/07/02 MySQL
vue实现滑动解锁功能
2022/03/03 Vue.js
Python 读取千万级数据自动写入 MySQL 数据库
2022/06/28 Python