react-native - 用于 React-Native 的 Chrome DevTools 无法在 Windows 上按文件夹对源文件进行分组

Question

当我在 Windows 10 上从不按文件夹对文件进行分组时，在“页面”选项卡上调试React-Native源文件时devtools，它会显示所有 js 文件的列表（包括 node_modules 中的所有文件）。

我使用以下方法创建了一个基本的测试应用程序：

"dependencies": {
    "react": "17.0.2",
    "react-native": "0.65.1",
    "prop-types": "^15.6.0"
},

Ran：react-native run-android启动调试器并看到：

但我希望看到这样的文件夹结构：

Answer 1

经过一番研究，我发现问题可能来自最新的反应更新。

1 - 您可以降级您的反应项目的版本：

"dependencies": {
  "react": "16.2.0",
  "react-native": "0.52.2"
},

然后运行这些命令：

rm -rf node_modules android
npm install # this will bring folder node_modules back, with react/react-native of previous version
react-native eject # this will bring folder android back
react-native run-android

或者

2 - 禁用用户 JS 增量：

在您的模拟器上按 Ctrl+m，然后单击 Dev Settings。

禁用“用户 JS Delta”并重新启动反应本机服务器。（在终端中按 Ctrl+c，然后按npm run android）。