解决uni-app开发过程中view、image等标签出现诸如“出现错误：类型“{ class: string； }”的参数不能赋给类型“.......”的问题

于 2024-04-27 19:20:49 发布
阅读量791 收藏 3
点赞数 8
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75519003/article/details/138255873
版权
文章讨论了在Vue.js中遇到的关于ComponentPublicInstanceConstructor类型的错误，提出首先检查是否使用了Vue-Officialv2.0.12版本，并强调该版本的重要性。若问题依然存在，后续可能涉及进一步的错误排查步骤。
摘要由CSDN通过智能技术生成

问题：

 出现错误：类型“{ class: string; }”的参数不能赋给类型“ComponentPublicInstanceConstructor<{ $: ComponentInternalInstance; $data: {}; $props: { style?: unknown; readonly hoverClass?: string | undefined; readonly hoverStopPropagation?: boolean | undefined; ... 12 more ...; class?: unknown; }; ... 10 more ...; $watch<T extends string | ((...args: any) => any)>(source: T, c...”的参数。
不能将类型“{ class: string; }”分配给类型

解决办法一：

 

如果用解决办法一还是爆红的话，接着做第二步

使用Vue - Official插件版本为v2.0.12（重要！！！！！一定是2.0.12这个版本） 

2201_75519003
关注
  • 8
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
解决uniapp开发过程中view、image等标签出现诸如“类型{ class: string； }的参数不能赋给类型......”的问题
Lea_HQ的博客
11-02 2432
利用vueCompilerOptions配置项解决uniapp开发过程种view、image等原生标签出现的类型报错问题
4. 解决uni-app开发过程中view、image等标签出现诸如“出现错误：类型“{ class: string； }”的参数不能赋给类型“.......”
最新发布
zrblue的博客
05-27 236
出现错误：类型“{ class: string;}”的参数不能赋给类型“ComponentPublicInstanceConstructor<{ $: ComponentInternalInstance;$data: {};: unknown;: unknown;args: any) => any)>(source: T, c…不能将类型“{ class: string;
使用vue3时，页面里所有的elementUI组件下面出现下划线
qq_46109063的博客
04-23 1042
”的参数不能赋给类型“App & Record & Partial
vue3（ts报错）：类型“string | undefined”的参数不能赋给类型“string”的参数。不能将类型“undefined”分配给类型“string”。ts(2345)
qq_47902937的博客
07-14 4041
在ts中对类型的要求很高需要转换为对应的类型。
vue3原理和源码分析 - TS vue类型补充
qq_35729091的博客
07-02 514
Types.tsx、VNode、属性类型、Ref/Reactive类型、watch的类型、事件类型 / DOM
React在使用TS+react-router-dom中的withRouter方法报错问题
小火车况且况且况且的博客
09-13 2047
React在使用TS+react-router-dom中的withRouter方法报错问题 解决文章地址 问题描述 类型“FC<ISideBar>”的参数不能赋给类型“ComponentType<RouteComponentProps<any, StaticContext, unknown>>”的参数。 不能将类型“FunctionComponent<ISideBar>”分配给类型“FunctionComponent<RouteComponentP
TS笔记(1-6)
JackChan
03-19 753
TS笔记(1-6)
[Vue3]Console报错：类型“any”的参数不能赋给类型“never”的参数
热门推荐
Github☛arreychan
03-01 2万+
[Vue3]Console报错：类型“any”的参数不能赋给类型“never”的参数 错误还原 const data = reactive({ list: [] }); data.list.push(sclist);//error 解决办法 const data = reactive({ list: [] as any[] // 属性需要做类型断言处理 }); data.list.push(sclist);//success 补充 Console报错：“Location
uni-app:从运行原理上面解决性能优化问题
01-27
Uni-App，从了解到开发，相信大家都会觉得Uni-App性能不好，其实也这是非原生的弊病。React Native、Flutter等，非原生框架，性能上都会或多或少的折损。但各个框架，都会做出性能提升建议，所以开发者在开发前，多...
基于uni-app开发的微信小程序商城项目
08-03
此项目是基于uni-app开发的微信小程序商城项目，开发工具用的是Hbuilder和微信开发者工具，前端用的vue3.0,后台的数据用的是用node搭建的本地服务器，通过内网穿透的方式进行数据外网访问的方式，只局限做开发和测试...
uni-app-master：uni-app是使用Vue语法开发小程序，H5，App的统一框架
11-25
uni-app是一个使用Vue.js开发小程序，H5，App的统一前端框架。官网地址： : Vue.js开发者使用Vue语法编写代码， uni-app框架将其编译到小程序（微信/支付宝/百度/字节跳动/ QQ /钉钉），App（iOS / Android），H5等...
uni-app-template:uni-app 通用模板
04-06
uni-app 通用模板官网地址 平台兼容说明模板说明：基于cli创建的轻量化项目模板，只保留vue最基础的使用方式，保证打包到多端时不需要作太多判断处理状态管理不建议使用vuex，因为会导致代码变得冗余，而且在编辑器...
TypeScript 基础知识点整理
RopeHuo
03-31 1203
TypeScript 基础知识点整理 一、TypeScript的特点 1.支持ES6规范 2.强大的IDE支持（集成开发环境） 允许为变量指定类型，减少你在开发阶段犯错误的几率。 语法提示，在IDE编写代码时，它会根据你所处的上下文把你能用的类，变量，方法，关键字给你提示出来。 重构，方便的修改变量，方法，文件的名字，当你修改的时候IDE会帮你把...
uniapp 开发微信小程序问题笔记
ngd-b的博客
01-02 2906
最近接手了一个小程序开发，从头开始。使用了 uniapp 搭建，以前没有做过小程序开发，着手看文档、查文档。一步一步完成了任务的开发。特此记录开发过程中的问题。
VUE 3+TS “类型“DefineComponent＜{}, {}, any＞”的参数不能赋给类型“Plugin_2”的参数
weixin_44821114的博客
09-18 1434
VUE 3+TS "类型“DefineComponent”的参数不能赋给类型“Plugin_2”的参数，不能将类型“DefineComponent”分配给类型“{ install: PluginInstallFunction; }”
解决App.vue项目中＜RouterView /＞标签报红的问题
m0_56226131的博客
12-28 883
关于解决App.vue项目中标签报红的问题
uni-app开发组件之view组件详细教程
码奴一只猿
05-24 4920
View 是 UniApp 中最基础的组件之一，用于创建容器来包含其他组件或元素。它类似于 HTML 中的 div 元素，提供了布局和样式控制的功能。本教程将介绍如何使用 View 组件，并提供一些示例代码帮助你更好地理解。
Vue开发中Element组件的使用问题
暮霭的博客
05-27 162
1. 日期选择器限制可选的时间范围 1.1 蓝色区域可以通过在组件内添加参数 default-value 并且传值从而实现默认现实的年月，传值格式如2020-04，同时还可以通过 value-format参数 控制数据想要的日期格式。参数使用如图 1.2 红色区域的日期的禁止选择的实现首先如上图再添加 picker-options="pickerOptions0" 参数 自定义实现，具体的pickerOptions0如图。 因为比较懒所以写的时候直接用的或运算，而没有优化...
uni-app中的<view>标签改变文字颜色都有几种方式
06-10
在uni-app中，<view>标签用来代替了Web开发中的<div>标签，用于布局和容器。同样地，可以使用多种方式来改变<view>标签中文字的颜色。以下是其中几种常用的方式： 1. 使用样式表 通过在uni-app的样式表中设置color属性来改变文字颜色，如： ``` <template> <view class="text">Hello World!</view> </template> <style> .text { color: red; } </style> ``` 这样，文字的颜色就会变为红色。 2. 使用style属性 直接在<view>标签中使用style属性来设置文字颜色，如： ``` <template> <view style="color: red;">Hello World!</view> </template> ``` 这样，文字的颜色也会变为红色。 3. 使用计算属性 通过计算属性来根据数据动态地改变文字颜色，如： ``` <template> <view :style="{ color: textColor }">Hello World!</view> </template> <script> export default { data() { return { text: 'Hello World!', color: 'red' } }, computed: { textColor() { return this.color; } } } </script> ``` 这样，文字的颜色就会根据color数据的值动态地改变。 需要注意的是，以上方法都是基于单一的文字颜色设置，如果需要根据文字内容来动态改变文字颜色，则需要结合计算属性或方法来实现，实现方法可以参考前面我回答的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值