You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用react-resizable-panels的Codepen无法渲染,疑与React版本冲突有关

React-resizable-panels在Codepen中无内容渲染问题
  • 在Codepen中使用react-resizable-panels组件时,页面无内容渲染,Codepen控制台未报错。
  • 验证测试:注释掉<ClientComponent />并启用普通文本组件时,页面可正常显示内容,测试代码如下:
class App extends Component {
  render() {
    // 此代码无效
    return <ClientComponent />;
    // 此代码有效
    // return <div>This is some text.</div>
  }
}
  • 进一步排查:浏览器开发者工具控制台出现错误:

react.js:185 Uncaught Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 获取完整信息,或使用非压缩开发环境查看完整错误及更多警告。

  • 疑似原因:Codepen设置中指定使用React 18.2.0,但错误栈显示实际运行环境为React 17.0.1,存在React版本冲突。

内容的提问来源于stack exchange,提问作者opike

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.19 09:35:02