Chrome DevTools for React-Native 无法在 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

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

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 Delta ：

在模拟器上按 Ctrl+m，然后单击“开发设置”。

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