vue.jsvuejs2

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

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

Solution

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