vite + vue项目EISDIR: illegal operation on a directory, read

问题

最近在迁移公司的一个旧项目，原来是使用的vueCli，我嫌它太慢了，于是索性将其升级为vite，但是当我把环境搭好，代码迁移过来后却报错，如下：

原因

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

import uploadDialog from '@/views/components/uploadDialog'

实际上这个uploadDialog的路径是uploadDialog/index.vue，在vueCli中我们可以省略index.vue，框架会自动帮我们处理，但是在vite中，必须要写完整的文件路径，这就导致出现了这个错误。

解决

将组件的导入改为

import uploadDialog from '@/views/components/uploadDialog/index.vue'