使用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
相关产品推荐
相关产品推荐

