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

Question

我今天开始了一个小的附带项目(向经典的Snake游戏致敬(，一切都很好，但VS Code在Vue组件中显示了两个错误，并且似乎使用了导入类和组件的过时版本。

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

我不确定错误是来自VS代码本身还是建议用于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

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