带有 Volar 扩展的 VS Code 显示错误，但 Vue3 应用程序按预期工作

Question

我今天开始了一个小型副项目（向经典的贪吃蛇游戏致敬），一切都工作正常，但 VS Code 在 Vue 组件中显示两个错误，并且它似乎使用了过时版本的导入类和组件。

最初我从一个类开始，但后来我添加了一个实际上只公开公共属性（通过 getter 和 setter）和方法的接口。但是使用此类的组件仍然认为该类需要作为参数，并抱怨私有属性在该类型上不可用。

我不确定该错误是来自 VS Code 本身还是来自 Vue3 和 Typescript 推荐的 Volar 扩展。

该代码可作为公共 github 存储库提供： https: //github.com/onyx-blackbird/vue-snake/blob/master/src/components/GameGrid.vue 红色的行是：#23 和 #122写作时。如果我同时更新文件，这里有两行（在这两种情况下，snake 都是 ISnake，并且方法和组件都期望 ISnake）：

const { food, placeFood } = useFood(maxX, maxY, snake);  

<SnakeFigure :snake="snake" :is-game-over="isGameOver"></SnakeFigure>

这里引用的类和接口： https://github.com/onyx-blackbird/vue-snake/blob/master/src/model/Snake.ts

Answer 1

您可能同时启用了 2 个插件 - volar 和 vetur。必须关闭 Vetur。