使用vscode模板一直有错误提示：Property 'xxx' does not exist on type '{ $:

Question

老师在vscode按照您的代码写UserProfile.vue组件时，一直有报如下错误，但网站是能运行的：

Property 'fitUrl' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<Readonly<{} & {} & {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>; ... 10 more ...; $watch(source: string | Function, cb: Function, options?: WatchOptions<...> | undefined): WatchStopHandle; } & ... 4 more ... & ComponentC...'.Vetur(2339)

还有PostDetail.vue也会出现下划红线，但没有提示报错

 

Answer 1

张轩 2021-12-09 17:52:11

同学你好 使用你的dev 的代码，我现在 vscode 针对 vue3 的插件已经切换到了 volar https://github.com/johnsoncodehk/volar 它也是目前 vue3 推荐的 vue vscode 的插件，并没有使用 vetur，我建议你也从 vetur 切换到 volar

针对 UserProfile ，这个错误并没有出现，从代码上来看也是没有问题 fitUrl 是 string 类型，传递到 src 是应该不会报错的，考虑是 vetur 的问题。

针对 PostDetail，也没有出现对应的错误，这句的语法看起来是没有问题的。

所以，问题可能出现 vetur插件，解决方案，使用 volar 替换 vetur 试一试。

• 提问者 LayLowMay #1

  非常感谢老师！

Answer 2

张轩 2021-12-09 09:47:56

同学你好 你只推送了 master 的代码，里面只有一个 HelloWorld 组件，你应该是忘记把开发分支推送上来了 https://gitee.com/brave9uy/zheye/tree/master/src/components

• 提问者 LayLowMay #1

  老师，我推送上来了，不好意思。之前忘了推送了，另外postDetail.vue在我关闭了vetur.validation.template之后也不报错了

Answer 3

张轩 2021-12-08 09:10:06

同学你好 请把源代码（git）提供给我一下 我在本地帮你看看 这个错误出现的原因

• 提问者 LayLowMay #1

  老师您好，感谢您回答。我代码传到了https://gitee.com/brave9uy/zheye，并且对问题进行了更新，主要出在UserProfile.vue和PostDetail.vue。
  其实代码能运行，就是出现红线报错，我想清楚是什么问题。具体情况可以看我这个帖子，问题的描述我也稍稍做了修改。

• 张轩 回复 提问者 LayLowMay #2

  同学你好 你只推送了 master 的代码，里面只有一个 HelloWorld 组件，你应该是忘记把开发分支推送上来了 https://gitee.com/brave9uy/zheye/tree/master/src/components

• 提问者 LayLowMay 回复 张轩 #3

  老师,dev代码里应该推送上来了，实在不好意思