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

第一反应是环境问题。所以也没有特别仔细的看代码,就开始重新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
然后在看看端口号
对,就是端口号!我因为很相信自己的记忆,觉得端口号没有被占用,之前的服务确定结束掉了,所以就没去用命令检查端口号……然后就坑了……
网友评论