uniapp结合vant weapp使用，编译时报错

最新推荐文章于 2024-05-08 18:50:37 发布
最新推荐文章于 2024-05-08 18:50:37 发布
阅读量926 收藏 3
点赞数 3
分类专栏： uniapp 文章标签： vue uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zdq357104345/article/details/111614247
版权
在将uniapp与vant weapp整合时，遇到了编译错误，包括Unclosed bracket和Cannot read property 'split' of undefined。解决办法分别是在wxss文件中url前加空格，以及在version.js中修改条件判断。已通过npm方式使用 vant weapp，并向官方反馈了bug，等待修复。
摘要由CSDN通过智能技术生成

1、问题描述：uniapp结合vant weapp使用，编译时报错：(36:193) Unclosed bracket
解决方式：dist/icon/index.wxss 和 icon/index.vue 中的url前面要加空格


2、问题描述：uniapp结合vant weapp使用，编译时报错：TypeError: Cannot read property 'split' of undefined
解决方式：dist/common/version.js 中
return compareVersion(system.SDKVersion, '2.9.0') >= 0;
改为 
return system.SDKVersion==undefined?false:compareVersion(system.SDKVersion, '2.4.0') >= 0;

调试成功

 

我想使用npm 的方式使用vant weapp，还是需要官方解决一下问题，反馈了bug。等待有赞团队的解决效率

https://github.com/youzan/vant-weapp/issues/3904

 

if.else.Z
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
vantweapp的使用
01-20
npm i vant-weapp -S –production 回车进行npm的安装。 3、此时还没有安装完成，选中小程序点击开发工具中的“工具”选项——>点击构建npm。 4、此时查看项目，出现package.json（这是配置文件）文件以及其它一些...
修改后的能够在uniapp项目中使用的 Vantweapp
07-24
解压当前压缩包，直接放在uniapp项目wxcomponents目录 引用即可 修改后的Vantweapp在uniapp项目里使用不会报错 修改里面的px单位为微信小程序里的rpx 已在发布的微信小程序里使用
uniapp引入vant报错Unclosed bracket
weixin_67372753的博客
03-13 348
在node_modules目录下的vant的lib里面的index.css中搜索format，然后在format括号的逗号后面（url前面），加一个空格。安装Vant组件库(可以通过npm或者yarn命令进行安装)报错Unclosed bracket。在main.js中全局注册。
uniapp使用vant打包报错问题
不一样的烟火
11-24 1305
uniapp使用vant打包报错问题 uniapp使用vant打包成h5的时候有时候会报错： 报错原因： 报错原因是应为font字体识别的问题，解决办法，我们全局搜索一下https://img.yzcdn.cn/vant/vant-icon-d3825a.woff，然后在文件的第二个开始的url前面加上一个空格就好了 例如如下更改： ...
uniapp中引入vant后出现报错：Cannot read properties of undefined (reading ‘split‘) at compareVersion
weixin_55782474的博客
03-04 1610
解决办法： v1 = v1 ? v1.split('.') : []; v2 = v2 ? v2.split('.') : []; 在uniapp引入vant：怎么把Vant-ui引入uni-app？_hfdxmz_3的博客-CSDN博客_vant 在uniapp
Uniapp使用vant Weapp图标组件报错问题
天码星空
03-05 969
1.异常信息 问题解决参考：https://blog.csdn.net/it_cgq/article/details/111991644 11:43:21.725 Module build failed (from ./node_modules/postcss-loader/src/index.js): 11:43:21.725 SyntaxError 11:43:21.735 (36:10521) Unclosed bracket 11:43:21.736 34 | 11:43:21.741 3
uniapp是否可以用vant等移动端UI库、使用步骤以及需要注意的问题
商务合作 / 项目定制开发 / 前端一对一培训、答疑
12-04 6080
解决方法，修改 ~node_modules\vant\lib\index.css 文件，将该文件中的 “url” 改为 “ url” ，一共需修改2处。其他问题，请参考：https://github.com/youzan/vant/issues?原因是微信小程序不支持document，window对象，所以navigator自然是无法使用的。参考文章：https://github.com/youzan/vant/issues/12421。1、安装Vant Version 2.13.2后，导入样式，报错。
基于Vite、uniapp和vantweapp的微信游戏商城小程序源码.zip
06-06
综上所述，这个压缩包包含了一个使用Vite、uniapp和vantweapp构建的微信游戏商城小程序的完整源代码，开发者可以通过研究这个项目来学习如何利用这些技术进行微信小程序的开发，了解现代前端工具的使用方法，以及...
vant-weapp-uniapp:vant-weapp的uniapp演示（仅微信小工具）
05-09
VantUI Uniapp 示例 本示例原本是从vant官方发布的微信演示示例转换而来,支持微信小程序（H5不支持！！）。 vant-weapp版本为1.6.7. vant weapp的组件库，都在工程的wxcomponents目录下。pages目录下是各个示例页面...
vantweapp源代码
01-25
Vant WeApp源代码中，你会看到这两个语言是如何结合使用来创建组件的。 3. **JS文件**：每个组件都有对应的JS文件，用于处理组件的逻辑和交互。这些文件中包含了生命周期函数、事件处理、数据操作等，是实现组件...
uniapp打包空白页
CheriseZhou的博客
08-16 1370
报错Uncaught TypeError: Cannot read property 'userAgent' of undefined。因为引用的百度地图 或者 其他外部js包含了浏览器的方法 因为userAgent只有浏览器能识别到。
Vue进阶（幺伍捌）：vue 组包 CssSyntaxError unclosed bracket 错误解决方法
IT全栈 华强工作室
09-27 5367
在Vue项目npm run build过程中，突然爆出CssSyntaxError unclosed bracket的错误提示，一脸懵，好好的项目怎么楚然就出幺蛾子了呢？ 奇怪的是项目执行npm run dev命令时，可正常运行，而pro版本跟dev的版本中差了一个optimize-css-assets-webpack-plugin这个文件的引用，所以在把webpack.prod.conf.js中的使用找到该文件引用处： 首先将上述组件引用注释掉,然后执行npm run build,build成功，随后就很
uni-app引用vant组件编译报错Unclosed bracket
doing_homwork的博客
01-14 1553
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
uniapp引入vant2单独样式报错 Unclosed bracket ＞ 1 | .van-icon{position:relative；等等
m0_70632275的博客
11-20 202
看了一篇其他文章解决的，感觉很离谱但是却实现了。文件里里面搜索url，在url前面增加空格即可。2.找到vant里面的icon组件,在。有两个url，我都加了空格，然后就生效了。1.引入vant2后保存会报错。
uni-app 使用vant 组件时候报错Unclosed bracket
c1824338832的博客
10-12 350
在所有format('woff')，后面加空格。
Vue进阶（幺伍捌）：vue 组包 CssSyntaxError unclosed bracket 错误解决方法(1)
最新发布
2401_84411072的博客
05-08 337
由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】在Vue项目过程中，突然爆出的错误提示，一脸懵，好好的项目怎么突然就出幺蛾子了呢？奇怪的是项目执行命令时，可正常运行，而pro版本跟dev的版本中差了一个这个文件的引用，所以在。
uniapp 解压缩之后打不开解决办法
weixin_42327537的博客
12-28 1234
1.项目 解压缩之后最外层多了一层文件夹 hbuderx识别为web文件而不是uniapp文件 uniapp结合vant weapp使用，编译时报错：(36:193) Unclosed bracket 解决方式：dist/icon/index.wxss 和 icon/index.vue 中的url前面要加空格（多个url 两个页面格式化一下就好了） 2、问题描述：uniapp结合vant weapp使用，编译时报错：TypeError: Cannot read property ‘split’ of u.
在uniapp 小程序 vue中报 错 Cannot read property ‘substring‘ of undefined
maoge_666的博客
07-07 1305
在uniapp 小程序 vue中报 错 Cannot read property ‘substring‘ of undefined
uniapp引入vantweapp
05-25
要在UniApp中使用Vant Weapp，需要进行以下步骤： 1. 下载Vant Weapp组件库。可以从GitHub上下载或使用npm安装。 2. 将Vant Weapp组件库复制到UniApp项目的static文件夹中。 3. 在App.vue文件中引入Vant Weapp的...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值