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

vite4中获取的行数并不准确 #146

Closed jokeran163 closed 1 year ago

zthxxx commented 1 year ago

具体是什么样?

jokeran163 commented 1 year ago

找到问题了 viteconfig.ts中 / //这个会导致跳转到vscode的行数不准 // import react from '@vitejs/plugin-react'; / // 这个会到正确的行数 import react from '@vitejs/plugin-react-swc';

image
renhh commented 1 month ago

我使用import react from '@vitejs/plugin-react-swc'; 之后,可以通过快捷键进行跳转,但是为什么在控制台检查元素时看不到对应的路径和行数呢?react版本 > 18

zthxxx commented 1 month ago

@renhh DOM 元素上的路径属性对于跳转不是必须的,实际会用的是 react fiber 中记录的路径;

renhh commented 1 month ago

@renhh DOM 元素上的路径属性对于跳转不是必须的,实际会用的是 react fiber 中记录的路径;

我的需求是想看到DOM 元素上的路径😂,大佬有什么办法吗?

renhh commented 1 month ago

我使用 @vitejs/plugin-react 的配置的时候是可以看到 DOM元素上面的路径的,换到 @vitejs/plugin-react-swc 看不到了

zthxxx commented 1 month ago

@renhh

image
renhh commented 1 month ago

好的,感谢