WebStorm反應原生調試不起作用

Question

我正在使用WebStorm從Android Studio虛擬設備開發一個react-native app +一個模擬器。

應用程序從WebStorm加載到模擬器，但調試器不工作，不會在斷點上停止。

這是我的設置：

1. 這是WebStorm的配置：

   

2. 模擬器中的設備是Nexus 5X API 22（Android 5.1 x86），我在首次加載后啟用了“遠程JS調試”。

3. WebStorm輸出：

   / usr / local / bin / node --debug-brk = 60746 --expose_debug_as = v8debug /Applications/WebStorm.app/Contents/plugins/JavaScriptDebugger/proxy/launcher.js --port = 8081 --sourcesStoragePath = / dev / calculatorApp / .tmp / reactNativeBuild監聽[::]的調試器：60746 [intellij]從Packager下載的debuggerWorker.js（運行React Native應用程序的邏輯）。

   [intellij]啟動調試器app worker。

   [intellij]與React Native應用程序的Proxy（Packager）建立連接

   [intellij]調試會話已成功啟動。

   使用appParams運行應用程序“CalculatorApp”：{“initialProps”：{}，“rootTag”：1}。 DEV === true，開發級別警告為ON，性能優化為OFF

   進程以退出代碼137結束（由信號9中斷：SIGKILL）

Answer 1

在我的情況下，我發現如果我從命令行使用create-react-native-app app-name創建項目，IntelliJ / WebStorm中的調試器將無法工作。

但是，如果您按照IntelliJ / WebStorm本身的提示創建項目，則調試器會附加。

例如文件 - >新建 - >項目 - >反應原生

我懷疑這是因為它不使用create-react-native-app命令來生成項目文件，而是使用其他一些機制。

如果我運行create-react-native-app app-name ，然后在IntelliJ / WebStorm中加載項目，我注意到它創建的唯一子目錄是node-modules和.expo 。

但是，如果您在IntelliJ / WebStorm中創建React Native項目，它會生成其他目錄， android ， ios ， __tests__ ，這些目錄在運行create-react-native-app app-name時不會創建。