Taro在重复使用同一个组件白屏问题

whitedove@doge

于 2023-12-20 15:18:35 发布

阅读量534

点赞数 7

文章标签：小程序微信小程序

本文链接：https://blog.csdn.net/qq_57319760/article/details/135109038

版权

最近在用Taro写小程序时发现了同一个自定义组件只能用一次，在另一个页面用时会出现页面只有<Page></Pagr>的情况。但是用yarn build:weapp后又不存在这种问题。

所以我猜应该是打开了cache.enable的原因。

解决方案:

设置config/index.js里面的cache.enable为false或者直接删除

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

whitedove@doge

关注关注

7
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Taro React 系列文章 - 总目录

止于至善

08-17

388

欢迎大家来到 Rattenking 的《Taro React 入门到实战系列》，开始前博主先列出 Taro React 入门到实战的大纲，同时包括遇到的一些常见报错。实战篇是实际开发中的组件的封装，部分比较有意思的效果，以及一些特殊实际问题的解决办法！入门篇介绍了从安装，开发中的配置问题，记录解决对应的问题。错误篇是在实际开发中遇到的一些错误的处理方法！问题篇是开发中遇到的一些问题的解决方法！...

时隔一年半，我，一个卑微的前端初学者，又来写面经了

爱前端也爱恋爱

12-02

1979

高德滴滴美团网易快手腾讯金山 360 百度知乎微软等大厂面试经验一年半以前，写了个万字前端面经，最终去了字节混饭吃，因为一些业务调整的原因，我又跑路了，没写一面二面都是一轮挂的或者后面我不想面了的，附带部门的是挂了或者我拒了之后又面了另外的部门，按照一面开始时间先后排序，还有很多优秀的公司我面了但是忘记录音，比如momenta、完美世界、掌阅等等。现已完成更新，全文共计一万三千字，每家的自我介绍和离职原因部分我就省略了~ “我自己是一名从事了6年web前端开发的老程序员，今年年..

1 条评论您还未登录，请先登录后发表或查看评论

Taro 框架开发的H5项目，在Android 5.1手机的APP嵌套的webview中白屏问题及解决方案

rushichunqiu的博客

10-27

2912

出现的问题：使用Taro框架进行移动端H5项目开发，打包构建后，在Android 5.1手机上（目前遇到的机型是vivo Y66），使用该手机的自带浏览器可以正常加载该H5项目，但在公司APP的webview加载该H5项目，显示白屏。问题定位：根据以往经验，和在网上查找的信息（此处要吐槽一下，Taro相关社区、开发贴真是少），确定是在打包或者编译过程中，es6转es5没有完全进行转译造成的。其中的问题，主要集中在打包完成后生成的dist/js/app.js中，该文件中还保留有箭头函数、con

【解决】关于Taro（React）开发小程序在同一页面多次引用同一个公共组件state被最后一次引用顶替的问题

llw6868的博客

12-26

2486

我猜此刻你翻到这篇文章应该是一种快抓狂的心态为什么？因为我刚抓狂完T T 问题：在同一页面多次引用同一个公共组件子组件内部最终的state总是为最后一次引用的state 目的：在同一页面多次复用同一个组件，通过props区分，让子组件内部的state独立（这听起来正常得不能在正常了可是…）可是到了Taro（配合的是Taro-ui）一切都没我之前写React Web那么正常- -！ // 查询模块Render searchRender = () =>{ const { current

taro框架百度小程序路由进入某一页面时出现白屏现象的可能原因

gwdgwd123的博客

02-27

3413

taro中render jsx语法 render过程中使用setState 操作在安卓真机（百度app 和微信app）和 (安卓，ios)远程调试（模拟器）都没问题，也不会出现白屏，会正常显示跳转页面内容，只有ios真机（百度app开发环境）和百度小程序预览模式（模拟器）会不出页面不渲染是白页面注意：在ios （微信app下也是正常展示）也就是说微信环境下弱化了setState在r...

支付宝APP打开H5页面白屏问题的解决

最新发布

yiguoxiaohai的博客

12-04

1001

支付宝APP打开H5页面白屏问题的解决。问题描述：基于 taro 框架的 H5，本地构建或者发到服务器后，在支付宝中打开链接呈现白屏的情况，但是在其他浏览器或者微信中打开正常；问题根源：由于支付宝的 webview 浏览器内核不支持 es6 部分高级 js 语法，导致页面解析出错，加载页面异常；问题解决：在项目打包构建的时候，利用 babel 将 es6 转成 es5 即可。

移动端多平台 Taro 跨端开发总结（一）

qq_23935353的博客

10-15

478

使用 Taro 这个框架进行跨端开发已经有一段时间了，趁着这个机会就开一个新的系列来对这段时间 Taro 进行跨端开发的一些个人的思考与总结。

解决taro打包后部分安卓机显示空白的问题

dss0225的博客

08-22

1185

解决taro打包h5后部分安卓机显示空白的问题

时隔一年半，我，一个卑微的前端菜鸡，又来写面经了

程序员成长指北

12-03

461

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群作者：刮涂层_赢大奖原文地址：https://juejin.cn/post/70365...

【2022更新】Web Components中引入外部CSS的9种方法

老司机的后备箱

10-17

906

整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。

干货 | 前端智能化探索，骨架屏低代码自动生成方案实践

携程技术

08-17

609

作者简介ZiLin Wang，前端开发者，函数式编程爱好者，最近沉迷于低代码平台和WebAssembly；Ivan Zhang，擅长前端打杂，最近专注于Sketch插件和DesignOp...

Taro-微信小程序-页面苹果机左右滑动出现白屏（禁止滑动）

qq_41154522的博客

08-17

1074

Taro-微信小程序-页面苹果机左右滑动出现白屏（禁止滑动）

小程序白屏问题

weixin_42921994的博客

08-09

8963

最近时不时有用户反馈，小程序白屏，多数以华为畅享机型，iphone6P机型，荣耀8为主，主要表现为小程序刚进去时显示正常，来回切换几个页面后，个别页面就出现白屏啦。期初以为是代码问题，JS报错，导致数据绑定出问题，页面显示空白，但后来发现： 1）有几个页面完全是图标+文字显示的静态页面，根本不存在任何JS交互，也出现白屏； 2）页面白屏时，连调试图标也不显示； ...

taro框架的缺陷以及注意事项

热门推荐

gwdgwd123的博客

12-02

4万+

https://www.jianshu.com/p/9d3318f7f219 1.不要使用 eval() 2. 禁止使用 Object 构造器 let config = new Object() // ✗ 错误 3. 不使用 Generator 函数语法使用 Promise 或者 async functions 来实现异步编程 function* helloWo...

taro平台打包方法和bug修复(持续更新)

机器学习、深度学习、强化学习、迁移学习

04-12

5638

一、bug修复 1、@tarojs/components@1.2.7 requires a peer of @types/react@^16.4.6 but none is installed. You must install peer dependencies yourself. 解决办法：手动执行 npm install @types/react@^16.4.6 2、Uncaught Ty...

Taro多端统一框架学习（三）Taro的组件和Taro的路由

jason_renyu的博客

02-12

6136

从这节开始就要进入Taro的编码部分，Taro的编码是用React的方式，现在的React在普及用React Hooks的方式来书写React，那么在Taro的学习和使用中，我们也将以Hooks的方式来。 Taro使用Hooks的新特性 React Hooks的优缺点既然我们要用Hooks来写，我们就要了解React Hooks的优缺点，为什么要用Hooks，那么我们就来看下Hooks的优缺点吧...

taro在两个页面使用同一个自定义组件时无法显示

03-26

可能出现这种问题的原因有很多，以下是几个可能的解决方案： 1. 确认组件的名称是否正确、大小写是否一致等等。组件命名有一定规则，需要与文件名、组件引用时的名称都一致。 2. 确认组件所在的路径是否正确。如果组件路径不正确，就无法找到并渲染组件。 3. 确认组件是否在引用它的页面或模板中注册了。在使用自定义组件时，要在页面或模板中调用 Component() 方法定义该组件，并设置组件的属性、数据等。如果没有注册，组件将无法识别。 4. 确认组件是否传递了必要的 props，以及 props 是否正确。在组件中定义了 props 属性后，需要正确传递相应的值才能正常渲染组件。 5. 确认组件是否被覆盖或者被占用了。如果在项目中其他位置定义了同名的组件，就会出现组件被覆盖的问题。此时需要修改组件名称。 6. 确认是否存在其他错误，比如语法错误、逻辑问题等。对于这种情况，建议逐一排查并解决。总之，如果遇到组件无法显示的问题，需要一步一步排查原因，找出问题所在，并进行相应的调整。