微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。