Skip to content

VirtualWaterfall出现报错警告：react-dom.development.js:86 Warning: Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state. #18644

New issue
New issue
Open
Open
VirtualWaterfall出现报错警告：react-dom.development.js:86 Warning: Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state.#18644
Labels
A-apiArea - H5 API 相关F-reactFramework - ReactT-h5Target - 编译到 H5V-4Version - 4.xbugSomething isn't working
@mingle98

Description

@mingle98
mingle98
opened on Nov 20, 2025

请先确认

  • 我已搜索并确定这个提交不是重复的

Taro 版本

v4

相关领域

H5 API

使用框架

React

相关平台

  • 所有平台
  • Web 端（H5）
  • 移动端（React-Native）
  • 鸿蒙（Harmony）
  • 鸿蒙容器（Harmony Hybrid）
  • ASCF 元服务
  • 快应用（QuickApp）
  • 所有小程序
  • 微信小程序
  • 企业微信小程序
  • 京东小程序
  • 百度小程序
  • 支付宝小程序
  • 支付宝 IOT 小程序
  • 头条小程序
  • QQ 小程序
  • 钉钉小程序
  • 飞书小程序
  • 快手小程序

小程序基础库版本

No response

问题描述

index:1 Failed to load resource: the server responded with a status of 502 (Bad Gateway)
react-dom.development.js:86 Warning: Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state.
at Waterfall (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/waterfall.js:34:5)
at VirtualWaterfall (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/index.js:19:7)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at eval (webpack-internal:///./src/components/ResponsiveWaterfall/index.tsx:111:5)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabContent (webpack-internal:///./src/demo/tab-switch-demo/index.tsx:84:3)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabSwitch (webpack-internal:///./src/components/TabSwitch/TabSwitch.tsx:43:5)
at taro-scroll-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroScrollViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabSwitchDemo (webpack-internal:///./src/demo/tab-switch-demo/index.tsx:272:84)
at div
at PageWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+plugin-framework-react@4.1.8_@pmmmwh+react-refresh-webpack-plugin@0.5.17_react-refres_46cindpsy2rhpjctbtzzgrvnqi/node_modules/@tarojs/plugin-framework-react/dist/runtime.js:257:9)
at App (webpack-internal:///./src/app.ts:15:3)
at AppWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+plugin-framework-react@4.1.8_@pmmmwh+react-refresh-webpack-plugin@0.5.17_react-refres_46cindpsy2rhpjctbtzzgrvnqi/node_modules/@tarojs/plugin-framework-react/dist/runtime.js:344:7)
printWarning @ react-dom.development.js:86
error @ react-dom.development.js:60
warnAboutRenderPhaseUpdatesInDEV @ react-dom.development.js:27535
scheduleUpdateOnFiber @ react-dom.development.js:25532
enqueueSetState @ react-dom.development.js:17925
Component.setState @ react.development.js:355
Waterfall.refresh @ waterfall.js:37
setSizeByPosition @ list-map.js:134
updateItem @ list-map.js:119
getRenderColumnNode @ waterfall.js:299
render @ waterfall.js:360
finishClassComponent @ react-dom.development.js:19776
updateClassComponent @ react-dom.development.js:19722
beginWork @ react-dom.development.js:21645
beginWork$1 @ react-dom.development.js:27460
performUnitOfWork @ react-dom.development.js:26591
workLoopSync @ react-dom.development.js:26500
renderRootSync @ react-dom.development.js:26468
performConcurrentWorkOnRoot @ react-dom.development.js:25772
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
performWorkUntilDeadline @ scheduler.development.js:533
react-dom.development.js:86 Warning: Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information.
at taro-scroll-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroScrollViewCore
at OuterWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/wrapper.js:39:7)
at Waterfall (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/waterfall.js:34:5)
at VirtualWaterfall (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/index.js:19:7)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at eval (webpack-internal:///./src/components/ResponsiveWaterfall/index.tsx:111:5)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabContent (webpack-internal:///./src/demo/tab-switch-demo/index.tsx:84:3)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabSwitch (webpack-internal:///./src/components/TabSwitch/TabSwitch.tsx:43:5)
at taro-scroll-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroScrollViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabSwitchDemo (webpack-internal:///./src/demo/tab-switch-demo/index.tsx:272:84)
at div
at PageWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+plugin-framework-react@4.1.8_@pmmmwh+react-refresh-webpack-plugin@0.5.17_react-refres_46cindpsy2rhpjctbtzzgrvnqi/node_modules/@tarojs/plugin-framework-react/dist/runtime.js:257:9)
at App (webpack-internal:///./src/app.ts:15:3)
at AppWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+plugin-framework-react@4.1.8_@pmmmwh+react-refresh-webpack-plugin@0.5.17_react-refres_46cindpsy2rhpjctbtzzgrvnqi/node_modules/@tarojs/plugin-framework-react/dist/runtime.js:344:7)
printWarning @ react-dom.development.js:86
error @ react-dom.development.js:60
warnForMissingKey @ react-dom.development.js:13030
warnOnInvalidKey @ react-dom.development.js:13511
reconcileChildrenArray @ react-dom.development.js:13566
reconcileChildFibers @ react-dom.development.js:14057
reconcileChildren @ react-dom.development.js:19181
updateFragment @ react-dom.development.js:19538
beginWork @ react-dom.development.js:21674
beginWork$1 @ react-dom.development.js:27460
performUnitOfWork @ react-dom.development.js:26591
workLoopSync @ react-dom.development.js:26500
renderRootSync @ react-dom.development.js:26468
performConcurrentWorkOnRoot @ react-dom.development.js:25772
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
performWorkUntilDeadline @ scheduler.development.js:533

复现链接

https://github.com/NervJS/taro/tree/ee3f700e5d7c071efb9203a23c0364fb2ddb3e96/packages/taro-components-advanced/src/components/virtual-waterfall

复现步骤

使用虚拟瀑布流渲染图片列表出现控制台报错：index:1 Failed to load resource: the server responded with a status of 502 (Bad Gateway)
react-dom.development.js:86 Warning: Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state.
at Waterfall (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/waterfall.js:34:5)
at VirtualWaterfall (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/index.js:19:7)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at eval (webpack-internal:///./src/components/ResponsiveWaterfall/index.tsx:111:5)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabContent (webpack-internal:///./src/demo/tab-switch-demo/index.tsx:84:3)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabSwitch (webpack-internal:///./src/components/TabSwitch/TabSwitch.tsx:43:5)
at taro-scroll-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroScrollViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabSwitchDemo (webpack-internal:///./src/demo/tab-switch-demo/index.tsx:272:84)
at div
at PageWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+plugin-framework-react@4.1.8_@pmmmwh+react-refresh-webpack-plugin@0.5.17_react-refres_46cindpsy2rhpjctbtzzgrvnqi/node_modules/@tarojs/plugin-framework-react/dist/runtime.js:257:9)
at App (webpack-internal:///./src/app.ts:15:3)
at AppWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+plugin-framework-react@4.1.8_@pmmmwh+react-refresh-webpack-plugin@0.5.17_react-refres_46cindpsy2rhpjctbtzzgrvnqi/node_modules/@tarojs/plugin-framework-react/dist/runtime.js:344:7)
printWarning @ react-dom.development.js:86
error @ react-dom.development.js:60
warnAboutRenderPhaseUpdatesInDEV @ react-dom.development.js:27535
scheduleUpdateOnFiber @ react-dom.development.js:25532
enqueueSetState @ react-dom.development.js:17925
Component.setState @ react.development.js:355
Waterfall.refresh @ waterfall.js:37
setSizeByPosition @ list-map.js:134
updateItem @ list-map.js:119
getRenderColumnNode @ waterfall.js:299
render @ waterfall.js:360
finishClassComponent @ react-dom.development.js:19776
updateClassComponent @ react-dom.development.js:19722
beginWork @ react-dom.development.js:21645
beginWork$1 @ react-dom.development.js:27460
performUnitOfWork @ react-dom.development.js:26591
workLoopSync @ react-dom.development.js:26500
renderRootSync @ react-dom.development.js:26468
performConcurrentWorkOnRoot @ react-dom.development.js:25772
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
performWorkUntilDeadline @ scheduler.development.js:533
react-dom.development.js:86 Warning: Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information.
at taro-scroll-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroScrollViewCore
at OuterWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/wrapper.js:39:7)
at Waterfall (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/waterfall.js:34:5)
at VirtualWaterfall (webpack-internal:///./node_modules/.pnpm/@tarojs+components-advanced@4.1.8_@tarojs+helper@4.1.8_@tarojs+runtime@4.1.8_@tarojs+shared@4_twd2bbxbqv5wbtrrkqmkxx7bki/node_modules/@tarojs/components-advanced/dist/components/virtual-waterfall/react/index.js:19:7)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at eval (webpack-internal:///./src/components/ResponsiveWaterfall/index.tsx:111:5)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabContent (webpack-internal:///./src/demo/tab-switch-demo/index.tsx:84:3)
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabSwitch (webpack-internal:///./src/components/TabSwitch/TabSwitch.tsx:43:5)
at taro-scroll-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroScrollViewCore
at taro-view-core
at ReactComponent (webpack-internal:///./node_modules/.pnpm/@tarojs+components@4.1.8_@tarojs+helper@4.1.8_@types+react@18.3.1_html-webpack-plugin@5.6.4_w_dpqjn2uloefviljjjlvcyemgai/node_modules/@tarojs/components/lib/react/react-component-lib/createComponent.js:24:7)
at TaroViewCore
at TabSwitchDemo (webpack-internal:///./src/demo/tab-switch-demo/index.tsx:272:84)
at div
at PageWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+plugin-framework-react@4.1.8_@pmmmwh+react-refresh-webpack-plugin@0.5.17_react-refres_46cindpsy2rhpjctbtzzgrvnqi/node_modules/@tarojs/plugin-framework-react/dist/runtime.js:257:9)
at App (webpack-internal:///./src/app.ts:15:3)
at AppWrapper (webpack-internal:///./node_modules/.pnpm/@tarojs+plugin-framework-react@4.1.8_@pmmmwh+react-refresh-webpack-plugin@0.5.17_react-refres_46cindpsy2rhpjctbtzzgrvnqi/node_modules/@tarojs/plugin-framework-react/dist/runtime.js:344:7)
printWarning @ react-dom.development.js:86
error @ react-dom.development.js:60
warnForMissingKey @ react-dom.development.js:13030
warnOnInvalidKey @ react-dom.development.js:13511
reconcileChildrenArray @ react-dom.development.js:13566
reconcileChildFibers @ react-dom.development.js:14057
reconcileChildren @ react-dom.development.js:19181
updateFragment @ react-dom.development.js:19538
beginWork @ react-dom.development.js:21674
beginWork$1 @ react-dom.development.js:27460
performUnitOfWork @ react-dom.development.js:26591
workLoopSync @ react-dom.development.js:26500
renderRootSync @ react-dom.development.js:26468
performConcurrentWorkOnRoot @ react-dom.development.js:25772
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
performWorkUntilDeadline @ scheduler.development.js:533
WebSocketClient.js:18 WebSocket connection to 'ws://30.75.161.170:10090/ws' failed:
WebSocketClient @ WebSocketClient.js:18
initSocket @ socket.js:34
eval @ socket.js:58
index.js:493 [webpack-dev-server] Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}
logger @ index.js:493
eval @ index.js:634
error @ index.js:156
WebSocketClient.client.onerror @ WebSocketClient.js:20
WebSocketClient.js:18 WebSocket connection to 'ws://30.75.161.170:10090/ws' failed:
WebSocketClient @ WebSocketClient.js:18
initSocket @ socket.js:34
eval @ socket.js:58
index.js:493 [webpack-dev-server] Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}
logger @ index.js:493
eval @ index.js:634
error @ index.js:156
WebSocketClient.client.onerror @ WebSocketClient.js:20
WebSocketClient.js:18 WebSocket connection to 'ws://30.75.161.170:10090/ws' failed:
WebSocketClient @ WebSocketClient.js:18
initSocket @ socket.js:34
eval @ socket.js:58
index.js:493 [webpack-dev-server] Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}
logger @ index.js:493
eval @ index.js:634
error @ index.js:156
WebSocketClient.client.onerror @ WebSocketClient.js:20
WebSocketClient.js:18 WebSocket connection to 'ws://30.75.161.170:10090/ws' failed:
WebSocketClient @ WebSocketClient.js:18
initSocket @ socket.js:34
eval @ socket.js:58
index.js:493 [webpack-dev-server] Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}
logger @ index.js:493
eval @ index.js:634
error @ index.js:156
WebSocketClient.client.onerror @ WebSocketClient.js:20

环境信息

Taro v4.1.8


  Taro CLI 4.1.8 environment info:
    System:
      OS: macOS 14.4.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 20.19.5 - /usr/local/bin/node
      Yarn: 1.22.22 - /usr/local/bin/yarn
      npm: 10.8.2 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 4.1.8 => 4.1.8 
      @tarojs/components: 4.1.8 => 4.1.8 
      @tarojs/components-advanced: 4.1.8 => 4.1.8 
      @tarojs/helper: 4.1.8 => 4.1.8 
      @tarojs/plugin-framework-react: 4.1.8 => 4.1.8 
      @tarojs/plugin-html: 4.1.8 => 4.1.8 
      @tarojs/plugin-platform-alipay: 4.1.8 => 4.1.8 
      @tarojs/plugin-platform-h5: 4.1.8 => 4.1.8 
      @tarojs/plugin-platform-harmony-hybrid: 4.1.8 => 4.1.8 
      @tarojs/plugin-platform-jd: 4.1.8 => 4.1.8 
      @tarojs/plugin-platform-qq: 4.1.8 => 4.1.8 
      @tarojs/plugin-platform-swan: 4.1.8 => 4.1.8 
      @tarojs/plugin-platform-tt: 4.1.8 => 4.1.8 
      @tarojs/plugin-platform-weapp: 4.1.8 => 4.1.8 
      @tarojs/react: 4.1.8 => 4.1.8 
      @tarojs/runtime: 4.1.8 => 4.1.8 
      @tarojs/shared: 4.1.8 => 4.1.8 
      @tarojs/taro: 4.1.8 => 4.1.8 
      @tarojs/taro-loader: 4.1.8 => 4.1.8 
      @tarojs/webpack5-runner: 4.1.8 => 4.1.8 
      babel-preset-taro: 4.1.8 => 4.1.8 
      eslint-config-taro: 4.1.8 => 4.1.8 
      react: ^18.0.0 => 18.3.1 
      taro-ui: ^3.3.0 => 3.3.0 
    npmGlobalPackages:
      typescript: 5.8.3

开源贡献

Metadata

Metadata

Assignees

No one assigned

    Labels

    A-apiArea - H5 API 相关F-reactFramework - ReactT-h5Target - 编译到 H5V-4Version - 4.xbugSomething isn't working

    Type

    No type

    Projects

    H5

    Status

    Padding

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions