1***@qq.com
1***@qq.com
  • 发布:2021-08-12 14:19
  • 更新:2022-12-03 12:02
  • 阅读:1204

#插件讨论# 【 miniprogram-to-uniapp - zhangdaren 】用vant-weapp的微信小程序编译后报语法错误

分类:uni-app
关联插件: miniprogram-to-uniapp v2

您好,大佬,我用微信小程序插件vant-weapp编译后就报错,好像是每个组件的语法问题
Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
14:14:20.215 (Emitted value instead of an instance of Error)
14:14:20.219 Errors compiling template:
14:14:20.221 :class 不支持 computed.rootClass({classPrefix,name}) 语法
14:14:20.228 1 |
14:14:20.231 |
14:14:20.232 2 | <view :class="computed.rootClass({ classPrefix, name })" :style="computed.rootStyle({ customStyle, color, size })" @tap="onClick">
14:14:20.233 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
14:14:20.238 3 | <van-info v-if="info !== null || dot" :dot="dot" :info="info" custom-class="van-iconinfo"></van-info>
14:14:20.240 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
14:14:20.240 4 | <image v-if="computed.isImage(name)" :src="name" mode="aspectFit" class="van-icon
image"></image>
14:14:20.242 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
14:14:20.243 5 | </view>
14:14:20.246 | ^^^^^^^
14:14:20.246 :style 不支持 computed.rootStyle({customStyle,color,size}) 语法
这种情况该怎么处理?

2021-08-12 14:19 负责人:无 分享
已邀请:
zhangdaren

zhangdaren - 小程序转uniapp工具:https://ext.dcloud.net.cn/plugin?id=2656

建议把vant换成uview组件,或者按官方引入wxcomponents的方式引入vant吧,,现在vant支持的不是很好,建议换。

3***@qq.com

3***@qq.com

1年了,这问题还没解决??
HBuilder X 3.6.5
======================
[HBuilder] 11:54:59.338 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
[HBuilder] 11:54:59.338 (Emitted value instead of an instance of Error)
[HBuilder] 11:54:59.345 Errors compiling template:
[HBuilder] 11:54:59.346 :class不支持 computed.rootClass({classPrefix,name}) 语法
[HBuilder] 11:54:59.352 1 |
[HBuilder] 11:54:59.352 |
[HBuilder] 11:54:59.358 2 | <uni-shadow-root class="vant-icon-index"><view :class="computed.rootClass({ classPrefix, name })" :style="computed.rootStyle({ customStyle, color, size })" @click="onClick">
[HBuilder] 11:54:59.359 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.365 3 | <van-info v-if="info !== null || dot" :dot="dot" :info="info" custom-class="van-iconinfo"></van-info>
[HBuilder] 11:54:59.370 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.371 4 | <image v-if="computed.isImage(name)" :src="name" mode="aspectFit" class="van-icon
image"></image>
[HBuilder] 11:54:59.377 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.382 5 | </view></uni-shadow-root>
[HBuilder] 11:54:59.388 | ^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.393 :style 不支持 computed.rootStyle({customStyle,color,size}) 语法
[HBuilder] 11:54:59.399 1 |
[HBuilder] 11:54:59.399 |
[HBuilder] 11:54:59.404 2 | <uni-shadow-root class="vant-icon-index"><view :class="computed.rootClass({ classPrefix, name })" :style="computed.rootStyle({ customStyle, color, size })" @click="onClick">
[HBuilder] 11:54:59.410 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.415 3 | <van-info v-if="info !== null || dot" :dot="dot" :info="info" custom-class="van-iconinfo"></van-info>
[HBuilder] 11:54:59.419 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.420 4 | <image v-if="computed.isImage(name)" :src="name" mode="aspectFit" class="van-icon
image"></image>
[HBuilder] 11:54:59.425 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.425 5 | </view></uni-shadow-root>
[HBuilder] 11:54:59.430 | ^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.430 at /Users/aaa/uni-app/wxcomponents/vant/icon/index.vue:0
[HBuilder] 11:54:59.436 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
[HBuilder] 11:54:59.441 (Emitted value instead of an instance of Error)
[HBuilder] 11:54:59.442 Errors compiling template:
[HBuilder] 11:54:59.447 :style 不支持 computed.rootStyle({currentDuration,display,customStyle}) 语法
[HBuilder] 11:54:59.447 1 |
[HBuilder] 11:54:59.453 |
[HBuilder] 11:54:59.458 2 | <uni-shadow-root class="vant-transition-index"><view v-if="inited" :class="'van-transition custom-class '+(classes)" :style="computed.rootStyle({ currentDuration, display, customStyle })" @transitionend="onTransitionEnd">
[HBuilder] 11:54:59.459 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.465 3 | <slot></slot>
[HBuilder] 11:54:59.470 | ^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.470 4 | </view></uni-shadow-root>
[HBuilder] 11:54:59.475 | ^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.480 at /Users/aaa/uni-app/wxcomponents/vant/transition/index.vue:0
[HBuilder] 11:54:59.485 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
[HBuilder] 11:54:59.486 (Emitted value instead of an instance of Error)
[HBuilder] 11:54:59.491 Errors compiling template:
[HBuilder] 11:54:59.496 :style 不支持 computed.spinnerStyle({color,size}) 语法
[HBuilder] 11:54:59.502 1 |
[HBuilder] 11:54:59.508 |
[HBuilder] 11:54:59.512 2 | <uni-shadow-root class="vant-loading-index"><view :class="'custom-class '+(utils.bem('loading', { vertical }))">
[HBuilder] 11:54:59.513 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.518 3 | <view :class="'van-loadingspinner van-loadingspinner--'+(type)" :style="computed.spinnerStyle({ color, size })">
[HBuilder] 11:54:59.523 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.528 4 | <view v-for="(item,index) in (array12)" :key="item.index" v-if="type === 'spinner'" class="van-loadingdot"></view>
[HBuilder] 11:54:59.533 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.538 5 | </view>
[HBuilder] 11:54:59.543 | ^^^^^^^^^
[HBuilder] 11:54:59.543 6 | <view class="van-loading
text" :style="computed.textStyle({ textSize })">
[HBuilder] 11:54:59.547 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.548 7 | <slot></slot>
[HBuilder] 11:54:59.552 | ^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.557 8 | </view>
[HBuilder] 11:54:59.558 | ^^^^^^^^^
[HBuilder] 11:54:59.562 9 | </view></uni-shadow-root>
[HBuilder] 11:54:59.566 | ^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.571 :style 不支持 computed.textStyle({textSize}) 语法
[HBuilder] 11:54:59.572 1 |
[HBuilder] 11:54:59.576 |
[HBuilder] 11:54:59.577 2 | <uni-shadow-root class="vant-loading-index"><view :class="'custom-class '+(utils.bem('loading', { vertical }))">
[HBuilder] 11:54:59.581 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.582 3 | <view :class="'van-loadingspinner van-loadingspinner--'+(type)" :style="computed.spinnerStyle({ color, size })">
[HBuilder] 11:54:59.586 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.592 4 | <view v-for="(item,index) in (array12)" :key="item.index" v-if="type === 'spinner'" class="van-loadingdot"></view>
[HBuilder] 11:54:59.597 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.602 5 | </view>
[HBuilder] 11:54:59.606 | ^^^^^^^^^
[HBuilder] 11:54:59.610 6 | <view class="van-loading
text" :style="computed.textStyle({ textSize })">
[HBuilder] 11:54:59.611 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.615 7 | <slot></slot>
[HBuilder] 11:54:59.615 | ^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.619 8 | </view>
[HBuilder] 11:54:59.624 | ^^^^^^^^^
[HBuilder] 11:54:59.625 9 | </view></uni-shadow-root>
[HBuilder] 11:54:59.629 | ^^^^^^^^^^^^^^^^^^^^^^^^^
[HBuilder] 11:54:59.629 at /Users/aaa/uni-app/wxcomponents/vant/loading/index.vue:0

  • zhangdaren

    vant项目转换说明:

    由于uniapp不支持vant一些语法,因此需要转换后,手动进行调整,方案有三,根据实际选择其一:

    方案一:【替换vant组件】转换前,将vant组件全部用别的组件库替换掉再转换。

    方案二:【替换vant组件】转换后,将vant组件使用uview1.x替换掉同功能组件。

    方案三:【不替换vant组件】转换后,按uniapp引入小程序组件文档重新引入vant组件(小程序自定义组件支持文档:

    https://uniapp.dcloud.io/tutorial/miniprogram-subject.html#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6%E6%94%AF%E6%8C%81)

    2022-12-06 09:25

要回复问题请先登录注册