vue项目中，如果修改了组件名称，vscode编辑器会在引入修改组件的名字处提示红色波浪线 The file is in the program because:Imported via xxx Root file specified for compilation .

今天修改项目中的文件名发现vscode编辑器显示红色波浪线提示‘...Root file specified for compilation’这些内容，遂记之。

红色波浪线提示内容大致是：

       The file is in the program because:Imported via xxx Root file specified for compilation .

背景描述：

       创建了一个名为  projectTest  vue项目；

目录结构如下：
projectTest:
   node_modules  
   public
   src
     assets
     components // 小组件
     views  // 页面组件
       testView
         index.vue   // 假设已经修改了，index.vue 页面引入 listFilter.vue的地方会显示红色波浪线提示
         components
            listFilter.vue  // 如果一开始组件名称是叫这个，然后修改组件名称为  ListFilter.vue，那么进入 index.vue页面中，就会发现红色波浪线提示
     App.vue
     main.js
     router
       index.js
     store
       index.js
   README.md
   package.json
   ...

导致原因（vscode引起）：

      一般情况是，开发者重新命名了自己的文件导致的。

解决办法：

      保存文件后，关闭vscode编辑器，然后重新打开vscode，就会发现没有这个红色提示了。

 

参考链接：https://blog.csdn.net/kaimo313/article/details/115962879