软件测试精进之路百人计划

记录一次vue前端无法启动的问题排查过程

2018-11-27  本文已影响73人  cynthia猫

从github上下了一个python+flask+vue的项目,尝试跑了一下,通了。然后就关掉了(对,我认为是前后端都关掉了)。
津津有味的看了半天代码,对一个地方感兴趣,想修改一下再跑跑。

好啦,前端跑不通了。报的错还挺奇怪。

34701543286805_.pic_hd.jpg

第一反应是环境问题。所以也没有特别仔细的看代码,就开始重新install、build等等。结果还是报错。

我以为是自己修改的代码出了问题,干脆丢弃修改重新从github上pull了一份,依然不行!

再把node_moduled给删了,然后重新搞,还是不行。

然后看了一下自己的node版本,是10.x,而别人用的是8.x,所以就换了版本(其实自己的10.x一开始能跑通的呀,不要乱怀疑)。而且是彻底删除了node及其全局插件之后,再来。

还是报同样的错误,崩溃了!

最后我发现,因为后端是通过pycharm启动的,而前端不是用pycharm,是在另外的命令行工具里,所以我最开始以为的关闭了,只是关闭了pycharm和后端服务而已,前端服务还在启动着,并且因为我删除node_moduled的操作报了一堆的错,所以我没有想到那个窗口里开的是前端的服务。

这里说一下前提条件,因为同时还在搞别的事情,所以我用iterm开了多个terminal窗口,并且把开启前端服务的那个窗口大小调的比较小,导致自己忽略了……

找到了症结就好办,结束掉那个窗口,重新启动,搞定!

虽然过程中有朋友告诉我,他排查前端问题一般是这样考虑:
看看webpack的配置文件
更新代码了吗?
是不是别人安装了东西
copy一份别人那里正常运行的代码,然后比较下package,json
然后在看看端口号

对,就是端口号!我因为很相信自己的记忆,觉得端口号没有被占用,之前的服务确定结束掉了,所以就没去用命令检查端口号……然后就坑了……

上一篇 下一篇

猜你喜欢

热点阅读