typescript下，button类型自动检测为ElementAttrs<ButtonHTMLAttributes>，导致type的类型是：
<button type="primary" size="mini">访问</button>不能将类型“"primary"”分配给类型“"button" | "submit" | "reset" | undefined”。ts(2322)
我尝试再.d.ts文件中加入
declare module 'vue' {
interface ButtonHTMLAttributes {
type?: 'primary'
}
}但是报错了
后续属性声明必须属于同一类型。属性“type”的类型必须为“"submit" | "reset" | "button" | undefined”，但此处却为类型“"primary" | undefined”。ts(2717)
这该怎么处理啊，求大佬们指教。
官方没解决这类问题之前可以安装uni-app-types，能解决原生组件和uniapp组件的类型提示的冲突问题
https://github.com/ModyQyW/uni-helper/tree/main/packages/uni-app-types
还有其他增强在vscode上开发uni-app体验的配套插件包可以看看
https://juejin.cn/post/7156482845614030862
请问下这个冲突怎么解决的，目前vue-cli创建的项目，"@uni-helper/uni-app-types": "^0.5.4", "@dcloudio/uni-app": "3.0.0-alpha-3070720230316001", 还是有这个问题
2023-04-18 17:21
我使用uni-app-types也没有解决，然后再全局进行覆盖，才解决```typescript
declare global {
namespace JSX {
interface IntrinsicElements {
button: UniHelper.Button;
}
}
}
htycoder - htycode
在env.d.ts文件中添加下面的代码可以解决报错
declare namespace JSX {
interface IntrinsicElements {
button: UniHelper.Button
}
}
或者
declare namespace JSX {
interface IntrinsicElements {
button: any
}
}
别忘了给个点赞
赞赞
错误是由 @vue\runtime-dom 报的，可以这样解决，在 tsconfig.josn 配置
{
"vueCompilerOptions": {
"nativeTags": ["template", "slot"]
}
}由于 uni 中没有几个 html标签，所以需要设置的不多。
vueCompilerOptions 配置项由 Vue Language Features (Volar) 插件提供。
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
7***@qq.com
同样问题，用的 vscode
2022-07-06 16:47