未找到虚拟脚本，可能缺少 <script lang="ts">/"allowJs": true/jsconfig.json.volar

Question

显示蓝色波浪线的图像表示 VueJs（TypeScript 模板）中的页脚组件存在错误。

Answer 1

1. 以防万一，对于在 VS Code 中使用 Volar 的任何人，只需运行 command Ctrl/Cmd+ Shift+ Ptype Volar > Reload Project，警告就会消失。

2. 正如其他人指出的那样，更正确的方法（即使您不使用打字稿）是在项目的根文件夹中创建jsconfig.json文件：

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

Answer 2

这个问题出现在我的 Vue 项目中，使用 typescript 模板。要解决上述问题，请转到tsconfig.json文件，在compilerOptions对象属性下添加：

"allowJs": true

Answer 3

我将一个空jsconfig.json文件添加到项目的根目录中，“问题”就消失了。

Answer 4

.vue当文件缺少声明时会出现此错误lang。将以下内容添加到您的组件文件中。

<script setup lang="ts"></script>

它会告诉 vue-tsc 将文件视为打字稿，这样你就不必 "allowJs": true在你的tsconfig.json