找不到模块 '@/components/HelloWorld.vue' 或其对应类型 declarations.Vetur(2307)

Question

我有一个使用 vue 命令行工具创建的新项目。视图创建。但是当我输入 npm serve 时，组件导入突出显示为红色。这是我新建的项目，我什么都没改。

找不到模块 '@/components/HelloWorld.vue' 或其对应类型 declarations.Vetur(2307).

Answer 1

错误消息表明您正在使用 Vetur，这可能是问题的原因。

来自Vue docs：

ℹ️ TIP

Volar replaces Vetur, our previous official VSCode extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects.

这也适用于 Vue 2 项目。禁用 Vetur 并启用 Volar 应该可以解决问题。

Answer 2

如果你使用 Vue 3，最好使用 Volar 扩展。