Taro 小程序开发注意事项(不定期记录更新)

目录

一、Webpack重新编译时间过长

二、图片宽度或高度设置auto无效

三、版本问题

四、小程序缓存的问题

五、小程序开发工具没有自动刷新的问题


一、Webpack重新编译时间过长

解决方案:https://blog.csdn.net/qq_50909707/article/details/158810739

二、图片宽度或高度设置auto无效

html 复制代码
 <Image mode="heightFix" src={LOGOS.PRIMARY} className="h-14" />

width:auto等于设置mode="widthFix"

三、版本问题

截至 2026 年 3 月 8 日,Taro 最稳定、可用于生产环境的版本为 3.6.39 。4.x 版本目前仍处于测试阶段,暂不推荐用于生产项目

4.x 最大的亮点是支持 Vite 构建,但对现有技术栈的兼容性较差 ,其中最突出的问题是:NutUI 在搭配 Vite 时会出现大量兼容性异常,稳定性无法保证。

查看版本的方法:

bash 复制代码
npm view @tarojs/cli versions

四、小程序缓存的问题

启动小程序时可能会因为缓存而无法直接更新,解决方案是在启动命令里加clear, 如:

javascript 复制代码
"dev:weapp": "cross-env NODE_ENV=development npm run build:weapp -- --clear --watch",

五、小程序开发工具没有自动刷新的问题

小程序开发者工具可能会在项目根目录自动生成 project.private.config.json 文件 ,该文件会影响端口监听,删除此文件即可解决小程序开发者工具不自动刷新的问题

后续遇到新问题,再到这里记录。

相关推荐
乐兮创想 小林1 天前
企业官网移动端性能优化实战:从 Core Web Vitals 到图片/CDN/响应式的工程清单
前端·性能优化·网站建设·北京网站建设公司
疯狂SQL1 天前
JWT 在线解码、验签、生成一篇讲透:附前端实现、工具架构与在线体验地址
javascript·jwt·编解码·jwt测试
前端一小卒1 天前
不手写代码的第 30 天,我才明白前端这个岗位还剩什么
前端·javascript·ai编程
Ajie'Blog1 天前
Copilot Agent Tasks API 开放:AI 编程开始进入后台任务时代
服务器·前端·javascript·人工智能·copilot·ai编程
老毛肚1 天前
jeecgboot vue TS & 模板化 04
前端·javascript·vue.js
晓13131 天前
【Cocos Creator 2.x】篇——第二章 入门
javascript·游戏引擎
AI_零食1 天前
鸿蒙PC Electron跨平台应用开发:24时区时间表应用详解
前端·华为·electron·开源·harmonyos·鸿蒙
Electrolux1 天前
[onlyoffice-v9]纯前端怎么实现编辑预览office
前端·javascript·github
VidDown1 天前
Webhook 调试器:让第三方回调“原形毕露”
java·开发语言·javascript·编辑器·postman
码云之上1 天前
聊聊如何设计一个高效、稳定的 Node.js 接入层
前端·后端·node.js