React Native集成google-protobuf报错：Can't find variable: proto

问题根源 #

protoc默认生成的JS代码会依赖全局proto对象来合并多个proto模块，但React Native的JavaScript运行环境中不存在这个全局变量，导致执行goog.object.extend(proto, sec0_pb)时抛出变量未定义的错误。

解决方法 #

方法1：临时修改生成文件（快速验证）

在生成的session_pb.js文件中，所有goog.object.extend(proto, ...)调用前，手动添加一行代码定义proto变量：

var proto = proto || {}; // 新增这行，确保proto变量存在
var sec0_pb = require('./sec0_pb.js');
goog.object.extend(proto, sec0_pb);
// 其余sec1_pb、sec2_pb的extend代码前无需重复添加，一次定义即可

⚠️ 注意：每次重新用protoc生成文件时，该修改会被覆盖，仅适合临时测试场景。

方法2：调整protoc生成参数（长期解决方案）

使用--js_out参数指定CommonJS模块风格生成代码，彻底避免依赖全局proto变量。

假设你的proto文件为session.proto，生成命令调整为：

protoc --js_out=import_style=commonjs,binary:./输出目录路径 ./session.proto

将./输出目录路径替换为你实际的文件输出目录（比如../../../proto）。

用该命令重新生成所有相关的proto JS文件（包括sec0_pb.js、sec1_pb.js等），生成的代码会采用CommonJS模块规范导出，在React Native中require导入后即可正常使用。

额外注意 #

确保所有关联的proto文件都使用相同的生成参数，避免混合不同风格的代码导致新的兼容问题。

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