vite使用import导入组件的一个小问题

1,436 阅读1分钟

这个问题可能大佬都晓得,但是才从@vue/cli转而使用vite的可能一脸懵逼。
一般流程创建项目->删除HelloWorld.vue一气喝成,components文件夹下新建组件,app.vue里template写入组件名,自动生成import和components,然后npm run dev,嘿嘿,到这里一点问题没有,浏览器打开网页,(T-T)报错找不到文件位置。
为什么呢vite自动生成的呀,我没改错配置呀,问题出在哪呢!
打开GitHub,搜索vite点开issues,一路翻翻翻,嘿果然有和我遇到同样问题的,原因出在哪呢,出在.vue上,vite的设计中import xx from "./xx.vue"才是正确的导入方式,习惯了@vue/cli的加不加.vue后缀都会被正确识别,这一上来着实有点懵,而且尤雨溪也提到了之后版本的@vue/cli中也将不在支持无扩展名的vue导入,一天一个划水小知识点