uniapp 使用 vant-weapp 编译微信小程序报错

最新推荐文章于 2025-03-27 13:53:31 发布

if.else.Z

最新推荐文章于 2025-03-27 13:53:31 发布

阅读量4.4k

点赞数

分类专栏： uniapp 文章标签： vue uni-app

本文链接：https://blog.youkuaiyun.com/zdq357104345/article/details/111656549

版权

在使用uniapp结合vant-weapp进行微信小程序开发时遇到编译错误，错误源于easycom组件引用方式不适用于小程序，需要改用usingComponents方式。模板编译时出现关于:class和:style不支持的语法错误。为了解决这个问题，需要对相关语法进行调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp 使用 vant-weapp运行在chrome中完全没问题，但是运行到小程序就编译报错，原因是因为不能用easycom方式引用组件，要用usingComponents的方式

报错：

Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
:class 不支持 computed.rootClass({classPrefix,name}) 语法

:style 不支持 computed.rootStyle({customStyle,color,size}) 语法

解决：

"usingComponents": { 
			"van-action-sheet": "/wxcomponents/vant/action-sheet/index",
			"van-area": "/wxcomponents/vant/area/index",
			"van-badge": "/wxcomponents/vant/badge/index",
			"van-badge-group": "/wxcomponents/vant/badge-group/index"