遇到一个问题百思无解 最终解决 。记录一下。
问题表现为：
1、copy一个老的vue项目【oldOne】到一个新的文件夹下面命名为【newOne】
2、用webstorm打开，删除部分多余代码，删除package.json中新项目不会用到的配置
3、在webstorm中打开终端，输入【npm install 】命令（无异常）
4、结束后输入 【npm run dev】命令 ，也无异常，项目正常启动。
5、这时候就出现问题了：项目启动之后运行的代码不是新项目的代码，而是老项目的代码，甚至在main.js中添加alert都不会显示。
解决问题步骤：
1、首先确定新的代码是否生效，在main.js中添加alert。alert无效，说明没有走main.js
2、删除入口文件代码，但是照样可以启动服务，照样可以访问到入口页面（此时应该是空白页面才对，实际上页面却有内容）
3、删除入口文件，服务还是可以启动，并可以访问到有内容的入口页面，此时确定：新的项目代码为访问到而是访问到旧项目中的代码了，因为旧项目中入口文件和文件中代码全部都在
4、此时开始疯狂排（bai）查（du）项目中各个配置文件，仔细查看漏洞到底在哪里.....
5、看了很久都没有结果
6、在一遍遍的尝试和重启之后，突然发现webstorm所打开的终端所在的文件目录还在老项目目录下面！在老项目下面运行命令启动服务肯定是把老项目启动了呀，所以你新项目代码能生效才怪了！
7、此时问题解决已接近尾声，说明不是代码的问题，而是终端打开错了，于是手动在命令行切到新项目的目录下面，然后运行【npm install 】【npm run dev】启动项目
8、项目启动成功后，新项目main.js中添加的alert生效！删除入口文件代码之后如愿显示空白页面！
9、最终的问题出来了：为什么webstorm会在老项目所在的目录打开终端呢？
10、因为copy项目的时候把.idea配置文件夹也复制了，这个文件夹是webstorm的配置文件夹，把老项目的webstorm配置文件读取过来以后就会打开老文件夹所在的终端。
11、把它删掉！问题解决！
image.png
网友评论