uniapp动态style发布到微信小程序报错 WXML 文件编译错误

已于 2023-06-27 09:09:09 修改
阅读量698 收藏 1
点赞数
分类专栏： bug记录 微信小程序 文章标签： 微信小程序 uni-app 小程序
于 2023-06-27 09:03:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyu_98/article/details/131409378
版权

uniapp开发动态style发布到小程序段报错，但是h5段是好的 ，看了小程序端编译的代码发现转换有问题 

小程序报错 ：控制台报错 

页面报错 

分析

 uniapp动态style的写法 

小程序编译后的代码 

 

发现小程序端的style绑定根本就不是这样 小程序的绑定应该这样写
 

这样写的话小程序就没有报错了 

现在找到问题了 就好解决了 

1，通过uniapp的条件编译，写两套style小程序一套h5一套（我没有这样写） 

2，我直接用compued 计算属性进行绑定，可以解决，也不用条件编译，写法更简单 

 

小鱼儿123123
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取微信小程序源代码反编译微信小程序说明（这里是电脑微信访问微信小程序记录）
01-18
请不要侵权或者模访别人小程序界面！ 1 node.js 运行环境 2 反编译的脚本 3 小程序包解密工具 获取小程序包： C:\Users\yourname\Documents\WeChat Files\Applet\018fd*****\****.wxapkg 请看...
实现微信小程序的wxml文件和wxss文件在phpstrom的支持
03-29
最近下载了微信小程序准备好好看看，但是发现微信小程序用的后缀名是不一样的，.wxml代表的就是平时用的.html，.wxss代码的就是平时用的.css。但是phpstorm无法识别，为了更方便的码代码 对wxml文件的支持： 设置>...
UNIapp常见错误 [ WXML 文件编译错误] ./pages/home/home.wxml 和利用PHPstudy自带的MySQL-Front,建立独立MYSQL数据库以及独立数据库用户详细教程
SOLar7SysteM的博客
03-21 3931
错误四：[ WXML 文件编译错误] ./pages/home/home.wxml 报错 注意看控制台和提示文件，解决问题的关键就靠它了 错误五：利用PHPstudy自带的MySQL-Front,建立独立MYSQL数据库以及独立数据库用户详细教程 错误六：PHPstudy自带的MySQL运行不起来 1.查看端口号是否被占 任务管理器中查看 2.3306如果使用可以停止运行也可以创建3307的端口 ...
uniapp中微信小程序不能编译style绑定方法的解决方案
xqhys的博客
08-24 1223
uniapp中微信小程序不能编译style绑定方法的解决方案
微信小程序style动态绑定Object不生效处理方法
peepeeman的博客
07-10 318
渲染的时候style变成了[Object Object]解决方法: 给Object外面加一个[]
微信小程序动态绑定style样式
热门推荐
海贼王某人的博客
03-23 3万+
微信小程序动态绑定style样式，homeOutObj.color是你js文件里面设置的颜色，可以根据用户操作改变值，达到动态渲染效果，如果样式比较复杂的话建议绑定动态class 传送门：绑定动态class
uni-app---使用uni-app运行到微信开发者工具报错
maidu_xbd的博客
10-26 1324
使用uni-app运行到微信开发者工具（快捷键【Ctrl+R】）报错。 图中已提示错误原因为：服务端口已关闭，需要开启，开启方式如下：
srt_uniapp_uniapp游戏_微信小程序_舒尔特游戏_
09-30
2. **project.config.json**：这是uniapp项目配置文件，包含了编译设置、资源路径、微信小程序特定的配置等信息。 3. **app.json**：小程序的整体配置文件，定义了页面路由、窗口表现、网络超时等设置。 4. **app....
实现微信小程序的wxml文件和wxss文件在webstrom的支持
08-30
微信小程序是一种轻量级的应用开发框架，由腾讯推出，它使用特定的WXML（WeiXin Markup Language）和WXSS（WeiXin Style Sheets）语言进行界面构建，结合JavaScript进行业务逻辑处理。WebStorm是一款强大的...
微信小程序 uni-app wxml-to-canvas 小程序内通过静态模板和样式绘制 canvas ，导出图片，可用于生成分
09-01
在微信小程序中，WXML（WeChat Markup Language）是用于描述用户界面的标记语言，而CSS（Cascading Style Sheets）则用于控制这些界面的样式。然而，canvas元素并不直接支持WXML和CSS，因此开发人员通常需要手动编写...
VSCode打开小程序运行到微信开发者工具WXML 文件编译报错
sunshine641的博客
04-20 6990
原生小程序项目，用VScode打开，再运行到微信开发者工具，一直在报错 内容大概是：[ WXML 文件编译错误] ./.history/pages/…… 全是说history这个文件夹下的内容报错 原因： 使用vscode开发的时候，如果安装了local history，编辑代码中会自动产生history文件，其中也会包含一些为完成，或者出错的代码。 微信开发者工具开发小程序的时候，会去读取这个文件夹，就会检测到历史文件中的错误，然后在控制台中输出这些错误 解决办法 在项目根目录下创建.vsc
uniapp运行到微信小程序报错：要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -＞ 设置 -＞ 安全设置，将服务端口开启。
m0_71225230的博客
02-22 943
报错： [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。
关于 小程序 style 动态数据 用 三元表达式：出现bug
weixin_45379180的博客
09-05 722
style=“padding-top:{{type==2 ? ‘0’ : ‘94rpx’}}” ** 原因很简单 ，“ ” ，双引号 必须保持在 同一行 。。 **
uniapp在:style动态设置样式
FUFCY的博客
04-22 3334
:style="{backgroundColor:`${query.label.color}`}"
疑难杂症之——小程序样式动态修改
m0_71071511的博客
07-10 5127
动态更新小程序部分组件样式
uni-app微信小程序动态样式设置；微信小程序style行内式无效；微信小程序style行内式编译报错；微信小程序:style设置样式
i_am_a_div的博客
11-01 3876
场景：微信小程序设置动态样式，有些时候是需要用到变量来书写的；但是实际使用发现，行内式书写虽然有效，但是会使得微信小程序的编辑失败；故需要使用动态的v-bind来写动态变量行内式样式（既使用:style="{ }"） <template> <view> <view class="big_box"> <!-- 故需要通过动态v-bind来设置 动态变量样式 ----正确书写✅ --> <view class=".
uniapp使用三元运算符动态绑定元素的style样式
qq_43671018的博客
07-27 2138
现在回到第一种方法，如果我们想要设置一个按钮，点击按钮同步改变style样式，有两种方式，改变其class或者style，但是我们都可以使用三运表达式来实现两种样式的切换。这是由于在Vue模板中，动态绑定样式时需要使用对象语法，通过将样式对象放在一个数组。中来动态绑定，这样做才可以确保样式对象被正确地解析和应用。，如果只是想动态绑定。
微信小程序动态样式绑定
最新发布
qq_40287084的博客
08-15 160
微信小程序动态样式绑定
微信小程序wxml 文件编译错误
07-16
你好！对于微信小程序的wxml文件编译错误，通常有几个常见的原因和解决方法： 1. 语法错误：检查你的wxml文件是否存在语法错误，如标签闭合不正确、属性赋值错误等。仔细检查代码，并确保语法正确。 2. 引用错误：检查你的wxml文件中是否有引用其他文件的路径错误，如引用的图片路径、组件路径等。确保路径正确，并且文件存在。 3. 数据绑定错误：如果你在wxml中进行了数据绑定，检查相关的数据是否正确传递和使用。确保数据绑定正确，并且数据类型与使用方式匹配。 4. 逻辑错误：如果你在wxml中使用了条件判断、循环等逻辑，检查逻辑是否正确。确保逻辑正确，并且符合你的预期结果。 5. 编译环境错误：如果以上方法都无法解决问题，可能是编译环境出现错误。可以尝试关闭开发者工具，重新打开并编译项目，或者删除项目重新创建。 如果以上方法仍然无法解决问题，建议查看开发者工具的报错信息，并在开发者社区或相关论坛提问，以便得到更详细的帮助和解决方案。希望对你有所帮助！如果你还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值