Fehler: Die Quelle kann für die Importanalyse nicht geparst werden, da der Inhalt eine ungültige JS-Syntax enthält

Question

Als ich Vite+Vue zum Komponententest einer Webkomponente verwendete, ist dieser Fehler aufgetreten: Fehler: Die Quelle kann nicht für die Importanalyse geparst werden, da der Inhalt eine ungültige JS-Syntax enthält. Möglicherweise müssen Sie das entsprechende Plugin installieren, um das .html-Dateiformat verarbeiten zu können. ❯formatErrornode_modules/vite/dist/node/chunks/dep-59dc6e00.js:38663:46 ❯TransformContext.errornode_modules/vite

P粉257342166 · Answer

这里显示文件的 HTML 部分被视为 javascript，这意味着 Vue 无法识别此 HTML。

在我的例子中，错误是因为我将一个组件命名为 *.Vue（大写 V），而不是 *.vue。

import MyComp from "@/components/MyComp.Vue"; //This does not work.

我必须将文件名更改为 .vue 并更改导入语句才能使其正常工作。我还重新启动了服务器（以防万一）

import MyComp from "@/components/MyComp.vue"; //This does work with same file name.

这可能是因为 .Vue 文件被视为普通的 js 文件（而不是组件）..只是猜测，我是 Vue 新手。