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

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

相关推荐
默_笙2 分钟前
🍔 中间件不只是打日志:四个钩子、一次短路,和自带的工具
前端·javascript
程序员老赵43 分钟前
Docker 部署 Dolibarr:轻松搭建开源 ERP/CRM 平台
运维·前端·后端
星禾元亨1 小时前
同一件事有三份资料,AI 该信哪一份?冲突判定、优先级链与处置流程
前端·人工智能
Dovis(誓平步青云)1 小时前
家里设备越来越多,如何用一张空间地图控制灯光和温度![
android·java·前端·javascript·人工智能·电脑
穆梓兰煊1 小时前
TS5.7 vs 裸JS:AI应用少3坑
前端
榆瓷1 小时前
闲着没事,我把 WebGPU 的样板代码封成了一个库
前端
136096757231 小时前
页面打不开不是 Nginx 的错
前端·后端
xieter1 小时前
【技术精选】TypeScript 高级类型体操:条件类型与模板字面量深度剖析 (2026-10-06)
javascript
ss2732 小时前
AI全栈实战 | 3.3-02 Python 并发:有 GIL 为什么还用多线程,asyncio 和 JS 事件循环同源不同味
开发语言·javascript·python
liangshanbo12152 小时前
高级前端面试题:package.json 常见字段
前端·json