Virtual script not found, may missing <script lang="ts"> / "allowJs": true / jsconfig.json.volar

Question

The image showing the blue squiggly lines indicates an error in my footer component in VueJs (TypeScript template).

Answer 1

1. Just in case, for anyone who use Volar in VS Code, just run command Ctrl/Cmd+Shift+P type Volar > Reload Project and the warning will go away.

2. The more correct way (even if you are not using typescript), as others pointed out is to create jsconfig.json file in your project's root folder:

   {
      "compilerOptions": {
        "allowJs": true
      }
   }
   

Answer 2

This issue came up in my Vue project, using typescript template. To solve the problem above, go to the tsconfig.json file, under the compilerOptions object-property, add:

"allowJs": true