将项目从 vueCli 移植到 Vite vue

 NameB.vue 原始引入NameA组件的代码:

<script>
import ACom from '../NameA'
export default {

......

}

报错:

// vite 核心提示:
[plugin:vite:import-analysis]
Failed to resolve 
import "./NameA" 
from "src\components\NameB.vue".
Does the file exist?

// 浏览器提示
已拦截载入自“demo.vue”的模块,它使用了不允许的 MIME 类型(“”)

在vueCli中, 如果引入vue组件的时候不携带.vue后缀, 项目依然可以运行

但是vite的加载需要后缀来进行解析, 必须加入后缀才能正常执行

要修改的地方就是在NameB.vue里面将导入语句加一个后缀.vue

<script>
import ACom from '../NameA.vue'
export default {

......

}

之前也有人写过这种文章, 见: (但当时没搜到, 这里详细描述一次)vue3 vite 引入组件报错 Failed to resolve import ..... Does the file exist? - 完竣世界