错误:无法解析用于导入分析的源代码，因为内容包含无效的JS语法。

Question

当我使用vite + vue对web组件进行单元测试时，遇到了以下错误：

错误:无法解析导入分析的源代码，因为内容包含无效的JS语法。您可能需要安装适当的插件来处理.html文件格式。node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38663:46 node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38659:19 TransformContext.transform❯node_modules/vite/dist/node/chunks/dep-59dc6e00.js:56777:22❯异步Object.transform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38900:30❯异步doTransform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:55857:29

我该如何解决这个问题？

Answer 1

这里显示文件的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很陌生。