chrome devtools 显示 react__WEBPACK_IMPORTED_MODULE 而不是组件名称

问题描述

我正在尝试使用 chrome 开发工具来调试 django/react 应用程序。当我查看源文件以尝试设置断点时,组件看起来基本正常,但有一堆东西,例如 react__WEBPACK_IMPORTED_MODULE 而不是组件名称和用于渲染函数/组件返回的 JSX。

(我也无法在安装浏览器扩展后显示 react 开发工具选项卡,尽管我认为这可能无关,因为当我打开 facebook 开发工具时它们也没有显示。)

为了让 webpack 显示 JSX 而不是它自己的非易读的东西,我需要确保在我的应用程序中包含任何特定的内容吗?我从头开始制作了这个应用程序,而不是使用 create-react-app,所以如果我遗漏了一些样板,我想知道。我以前制作的应用程序也使用过打字稿,所以这是我第一次尝试使用 js 进行调试,这可能是问题所在吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)