前端项目报EISDIR: illegal operation on a directory, read这个错误

背景：

我用webstorm开发前端页面时，项目用Vue3来开发，出现如下报错。

原因：

这个报错是由于代码中引入的一些组件或者模块路径不正确导致的，在vue2中，引入组件是下面这样写的：

import Home from "@/views/Home";

可是在vue3中，后面的/index.vue不能省略，在webstorm快捷键引入组件是不带后面这个的，需要手动写一下。

解决：

将组件的导入改为

import Home from "@/views/Home/index.vue";

问题即可解决。