前言 📝

今天在使用vsCode开发uniapp微信小程序的时候，突然发现我的页面都报错了（报错截图放到下面）。然后我就开始找问题，最后发现是我升级了Vue-Official插件。当时通过搜索引擎查出来的方案是将插件改为 v2.0.12 这个版本，还有一种解决方案是在ts配置文件中添加如下代码：

1
2
3
"vueCompilerOptions": {
   "nativeTags": ["block", "component", "template", "slot"]
}

image.png

出现上面的原因是把这些标签当成了vue组件，某些属性并没有出现在Vue组件的Interface上面。

当我在配置vueCompilerOptions.nativeTags的时候，出现了错误不允许的属性，然后.vue文件还是一如既往的飘红。

image.png

这个时候我们就需要官网了, nativeTags属性不在被支持的原因是在node_modules文件夹中的@uni-helper/uni-app-types/volar-plugin文件依赖中已经配置好了nativeTags。

image.png

那我们需要怎么配置呢？？再次进入到我们的传送门

image.png

当然也需要注意一下@uni-helper/uni-app-types包的版本(在0.5.13版本才开始支持plugin写法)：

image.png