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

发布时间 2023-08-24 17:36:12作者: 蜀道,难

背景:

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

image-20230824171957615

原因:

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

import Home from "@/views/Home";

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

解决:

将组件的导入改为

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

问题即可解决。