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 文件 ,该文件会影响端口监听,删除此文件即可解决小程序开发者工具不自动刷新的问题

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

相关推荐
Amumu121381 天前
Js:正则表达式(二)
开发语言·javascript·正则表达式
Novlan11 天前
我把 Claude Code 里的隐藏彩蛋提取出来了——零依赖的 ASCII 虚拟宠物系统
前端
Sgf2271 天前
ES8(ES2017)新特性完整指南
开发语言·javascript·ecmascript
IAUTOMOBILE1 天前
Python 流程控制与函数定义:从调试现场到工程实践
java·前端·python
好大哥呀1 天前
C++ Web 编程
开发语言·前端·c++
爱学习的小仙女!1 天前
面试题 前端(一)DOCTYPE作用 标准模式与混杂模式区分
前端·前端面试题
小小小小宇1 天前
前端转后端基础- 变量和类型
前端
Cobyte1 天前
1.基于依赖追踪和触发的响应式系统的本质
前端·javascript·vue.js
主宰者1 天前
C# CommunityToolkit.Mvvm全局事件
java·前端·c#
老神在在0011 天前
【Selenium 自动化精讲】浏览器弹窗与登录界面的本质区别 & 实操指南
javascript·学习·selenium·测试工具·自动化