vscode开发uniapp小程序，text、view标签报红错误提示

1.问题描述

2.解决方案

添加 @uni-helper/uni-app-types 的类型依赖，然后在 tsconfig 里配置一下。

亲测有效

安装依赖

npm i -D @uni-helper/uni-app-types

在 tsconfig.json 配置

"vueCompilerOptions": {
  "plugins": ["@uni-helper/uni-app-types/volar-plugin"]
},

3.另外一种解决方案

直接使用div标签替换view标签，span标签替换text标签。这样就不会报错了。
uniapp会帮我们把div和span转换成view和text。

uni-app官方文档中明确说明：

• 小程序平台如果使用 <div> ，编译时会被转换为 <view>。
• App平台 Vue2 项目在节点非常多时可以尝试使用 <div> 替换 <view> 以提升渲染性能。

地址：https://uniapp.dcloud.io/component/view?id=view

不过，还是推荐使用<view>和<text>，因为它们是平台原生支持的，符合小程序的开发规范。具有较高可读性，也更能保证多端兼容。

view和text是uni-app为了保持多端一致性而提供的原生组件，它们分别对应于微信小程序、H5以及其他小程序平台的原生视图容器和文本显示元素。使用它们可以确保你的应用在不同平台（如微信小程序、H5、App等）有一致的表现和性能。

参考

https://segmentfault.com/q/1010000044860981?utm_source=sf-similar-question

https://segmentfault.com/q/1010000044527776?utm_source=sf-similar-question