Windows系统React Native天气应用启动包错误求助及分步指导需求

Hey there! Let's work through these issues step by step—since you're new to React Native on Windows, I'll keep this straightforward and actionable.

1. 修复React Peer依赖缺失问题 #

你遇到的第一个警告 'react' peer dependency missing 是因为项目里的部分依赖需要React作为对等依赖，但你的项目还没安装它。解决方法很简单：

• 打开项目根目录的命令行（CMD或PowerShell都可以）
• 执行命令：npm install react --save
• 安装完成后，可运行 npm ls 检查是否还有依赖警告，确认问题解决。

2. 修复正则表达式语法错误 #

第二个错误 Invalid regular expression: ... Unterminated character class 是Windows系统下路径转义的兼容性问题，常见于旧版本的React Native Metro打包工具。解决步骤：

• 找到项目中的 node_modules/metro-config/src/defaults/blacklist.js 文件（如果找不到这个路径，试试 node_modules/metro/src/blacklist.js）
• 打开文件后，定位到包含 node_modules[\\\]react[\\\]dist[\\\].* 的正则表达式行
• 将其中的 [\\\] 替换为 [\\\\]（把每个三个反斜杠改成四个），修改后这部分应该变成 node_modules[\\\\]react[\\\\]dist[\\\\].*
• 保存文件，回到命令行重新执行 npm start

3. Windows下运行React Native项目的必要前置检查 #

作为新手，你可能还需要确认环境配置是否完整，否则即使修复了上面的问题，也可能无法正常运行App：

• Node.js：确保安装了LTS版本（比如18.x或20.x），可在命令行输入 node -v 和 npm -v 验证
• JDK 11：React Native官方推荐使用JDK 11，安装后需配置 JAVA_HOME 环境变量指向JDK安装目录
• Android Studio：安装后需配置 ANDROID_HOME 环境变量指向Android SDK目录，同时把 %ANDROID_HOME%\platform-tools 添加到系统PATH中
• 模拟器/真机：如果用模拟器，在Android Studio的AVD Manager里创建并启动一个Android模拟器；如果用真机，开启USB调试模式并连接电脑

最后验证 #

完成以上步骤后，按顺序执行以下命令：

1. npm install（确保所有依赖都安装完整）
2. npm start（启动Metro打包工具）
3. 新开一个命令行窗口，执行 react-native run-android（运行Android应用）

这样应该就能成功启动你的weather-app项目了！

内容的提问来源于stack exchange，提问作者Subhojit