问题表现为:

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配置文件夹也复制了,这个文件夹是retallife的配置文件夹,把老项目的retallife配置文件读取过来以后就会打开老文件夹所在的终端。

11、把它删掉!问题解决!
在这里插入图片描述
同时也能将之前的项目名解决掉
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐