在 WebStorm 中打开 React Native 调试器

Posted

技术标签:

【中文标题】在 WebStorm 中打开 React Native 调试器【英文标题】:Turning on React Native debugger in WebStorm 【发布时间】:2017-08-04 18:15:09 【问题描述】:

我正在处理大约 7 个文件,因此将它们全部发布会很疯狂。我的ios 模拟器中出现了一个非常模糊的错误:

A valid ReactComponent must be returned. 
You may have returned undefined, an array or some other invalid object.

我在 IDE 中没有收到任何错误,只有当我运行模拟器时才看到上面的错误。我正在使用WebStorm IDE。我想使用某种调试器来准确指出这个错误在哪里,我该怎么做?

【问题讨论】:

【参考方案1】:

请参阅https://blog.jetbrains.com/webstorm/2016/12/developing-mobile-apps-with-react-native-in-webstorm/ 了解在 webstorm 中调试 React 本机应用程序的一些技巧

【讨论】:

【参考方案2】:

这与 WebStorm 无关,您没有在某些组件中返回任何内容。您可以通过摇动手势或按 Cmd+R 在 iOS 模拟器中启用调试,您可以在 chrome 控制台中获取日志或使用 this 应用程序。为了向您指出确切的问题,如果您可以与您的代码共享一个要点或指向某个 repo 的链接,将会很有帮助。

【讨论】:

以上是关于在 WebStorm 中打开 React Native 调试器的主要内容,如果未能解决你的问题,请参考以下文章

React+Webpack+Webstorm开发环境搭建

SyntaxError - node_modules/react-native/Libraries/polyfills/error-guard.js:缺少分号。 (14:4) 在 react nati

react脚手架搭建1

ReactNative——WebStorm的基本配置

WebStorm 中的 React/JSX 支持?

使用WebStorm开发React-native之基础