错误：无法解析源以进行导入分析，因为内容包含无效的 JS 语法
当我使用 vite + vue 进行 Web 组件的单元测试时，遇到了这个错误：
Error: Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .html file format. ❯ formatError node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38663:46 ❯ TransformContext.error node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38659:19 ❯ TransformContext.transform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:56777:22 ❯ async Object.transform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38900:30 ❯ async doTransform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:55857:29
我该如何解决这个问题？
这里显示文件的 HTML 部分被视为 javascript，这意味着 Vue 无法识别此 HTML。
就我而言，错误是因为我将一个组件命名为 *.Vue（大写 V）而不是 *.vue。
import MyComp from "@/components/MyComp.Vue"; //This does not work.
我不得不将文件名更改为 .vue 和 import 语句才能使其正常工作。 我还重新启动了服务器（以防万一）
import MyComp from "@/components/MyComp.vue"; //This does work with same file name.
这可能是因为 .Vue 文件被视为普通的 js 文件（而不是组件）.. 只是猜测，我是 Vue 的新手。