zthxxx / react-dev-inspector

jump to local IDE code directly from browser React component by just a simple click
https://react-dev-inspector.zthxxx.me
MIT License
1.16k stars 68 forks source link

react-dev-inspector@2.0.0 Inspector component onClientElement cannot get codeInfo #156

Closed rexhang closed 9 months ago

rexhang commented 11 months ago
"react-dev-inspector": "^2.0.0",
"@react-dev-inspector/middleware": "^2.0.0",

以上版本中:

发现2个问题,

Snipaste_2023-10-27_18-57-03

Snipaste_2023-10-27_18-50-20

快捷键激活后,点击DOM元素:

  1. onInspectElement 事件不会触发
  2. 只有 onClickElement 事件会触发,但触发后 在函数回调中拿到的 codeInfo 打印出来 永远都是 undefined,导致无法打开编辑器

期待得到解答~~

zthxxx commented 11 months ago

@rexhang codeInfo 确实可能是 undefined,符合类型定义;

image

原因可能是缺少默认的编译时路径注入,考虑配置: https://react-dev-inspector.zthxxx.me/docs/compiler-plugin

rexhang commented 11 months ago

@rexhang codeInfo 确实可能是 undefined,符合类型定义;

image

原因可能是缺少默认的编译时路径注入,考虑配置: https://react-dev-inspector.zthxxx.me/docs/compiler-plugin

官方可以试下 在web多端的 taro3 框架中,用React语言编写web端H5 demo,如何集成使用。给到案例,谢谢了。