用于双向 RPC 的 grpc-js 中未解决的 HTTP2 依赖项

问题描述

所以我正在使用 grpc 和 vue-cli 客户端创建一个用于聊天应用程序的客户端。 我的 proto 文件如下所示：

Syntax = "proto3";
package chat;
option go_package = "backend/proto";

message ChatMessage {
    string msg = 1;
}

service ChatService {
    rpc Chat(stream ChatMessage) returns (stream ChatMessage) {}
}

起初我尝试通过以下命令创建静态客户端存根：

$ protoc --proto_path=proto --js_out=import_style=commonjs,binary:frontend/src --grpc-web_out=import_style=commonjs,mode=grpcwebtext:frontend/src proto/chat.proto

然而 Chat 端点并未在 chat_grcp_web_pb.js 文件中生成。 然后，我转向了从 proto 文件生成服务的动态方式，如基础教程 here

但是在使用 npm run serve 编译我的 vue 客户端时，它给出了一个错误：

ERROR  Failed to compile with 1 error                                9:51:48 PM

This dependency was not found:

* http2 in ./node_modules/@grpc/grpc-js/build/src/server.js

To install it,you can run: npm install --save http2

旁注：我已经有了 http2，但显然 webpack 没有链接它，所以我运行了上面错误中建议的命令。但在那之后它给出了2个警告并且无法编译：

 warning  in ./node_modules/http2/lib/protocol/index.js

Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

 warning  in ./node_modules/defaultable/defaultable.js

Critical dependency: the request of a dependency is an expression

我的node版本是16.4.2，npm版本是7.19.1，我的App.vue文件是这样的：

import * as grpc from '@grpc/grpc-js'
import * as proto_loader from '@grpc/proto-loader'

var PROTO_PATH = __dirname + '../../../proto/chat.proto'
var package_deFinition = proto_loader.loadSync(
    PROTO_PATH,{keepCase: true,longs: String,enums: String,defaults: true,oneofs: true
    });
var proto_descriptor = grpc.loadPackageDeFinition(package_deFinition);
var chat_service = proto_descriptor.chat_service;

new chat_service.ChatService(URL,grpc.credentials.createInsecure())

对解决此问题的任何帮助将不胜感激！

解决方法

@grpc/grpc-js 库仅适用于最新版本的 Node.js（和 Electron）。 http2 模块内置于 Node.js 中，因此如果您没有它，则您可能没有在受支持的平台上运行它。

如果您尝试在浏览器中使用 gRPC，则应改用 grpc-web。