Cannot find module '@/components/HelloWorld.vue' or its corresponding type declarations.Vetur(2307)

Viewed 5840

I have a fresh project which I created using the vue command line tool. vue create . But when I type npm serve, the component import is highlighted as red. This is a fresh creation of the project, I haven't changed anything.

Cannot find module '@/components/HelloWorld.vue' or its corresponding type declarations.Vetur(2307).

2 Answers

The error message indicates you're using Vetur, which is likely the cause of the problem.

From 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.

This also applies to Vue 2 projects. Disabling Vetur and enabling Volar should resolve the issue.

If you using Vue 3 , it's better to use Volar extenstion.

Related