小编Pap*_*ete的帖子

Apollo GraphQL:GraphQLWsLink(订阅)问题。无法让 WebSocket 实现与 Next.js 一起工作

因此,我有一个用 Go 编写的 GraphQL 服务器,非常严格地遵循本教程。我将前端编写为 Next.js 应用程序,目前正在尝试创建一个客户端来连接到我的服务器,即使遵循T 的订阅文档,我似乎也无法让它工作。为什么提供的示例不包含webSocketImpl

如果我不提供webSocketImpl,我会得到:

Error: WebSocket implementation missing; on Node you can `import WebSocket from 'ws';` and pass `webSocketImpl: WebSocket` to `createClient`
Run Code Online (Sandbox Code Playgroud)

所以,自然地,我import { WebSocket } from "ws";,并且有:

const wsLink = new GraphQLWsLink(
    createClient({
        webSocketImpl: WebSocket,
        url: "ws://localhost:8080/subscriptions",
    })
);
Run Code Online (Sandbox Code Playgroud)

然后我得到:

error - ./node_modules/node-gyp-build/index.js:1:0
Module not found: Can't resolve 'fs'
Run Code Online (Sandbox Code Playgroud)

这是完整的代码,基本上我需要的只是创建一个 ApolloClient 并将其导出以在我的 React 代码中使用。

import { ApolloClient, HttpLink, InMemoryCache, split } from "@apollo/client";
import …
Run Code Online (Sandbox Code Playgroud)

websocket graphql next.js apollo-client

8
推荐指数
1
解决办法
5688
查看次数

React:找不到模块:无法解析“C:\Users\<Name>\Web Dev\Firechat\firechat\src”中的“react-firebase”hooks”

因此,我尝试使用 React、Firebase 和 react-firebase-hooks 模块制作一个 Web 应用程序,但我什至无法编译我的代码。我已经卸载了react-firebase-hooks至少3次了,然后又重新安装了它。我什至在全球范围内安装了它。我的 npm list 输出是:

npm 列表

Firebase 解决得很好并且没有任何问题,因此不可能是未安装某些东西。在我的代码中,我使用:

import {useAuthState} from 'react-firebase-hooks';
import {useCollectionData} from 'react-firebase-hooks/firestore';
Run Code Online (Sandbox Code Playgroud)

从react-firebase-hooks导入useAuthState和useCollectionData。

还有其他人对此有任何问题吗?这是我没有注意到的某种兼容性问题吗?我还创建了一个完全独立的项目运行

npx create-react-app test
Run Code Online (Sandbox Code Playgroud)

进而

cd test
Run Code Online (Sandbox Code Playgroud)

其次是

npm install --save react-firebase-hooks 
Run Code Online (Sandbox Code Playgroud)

,从该模块导入相同的 2 个组件,运行我的代码

npm start
Run Code Online (Sandbox Code Playgroud)

并得到了与我在实际应用程序中相同的错误。

我也用过

rm -rf node_modules
Run Code Online (Sandbox Code Playgroud)

然后跑了

npm install
Run Code Online (Sandbox Code Playgroud)

无济于事。

我对 Web 开发世界以及 React 和 Firebase 都相当陌生,所以如果我在这里忽略了某些内容,请原谅我。

npm firebase reactjs

4
推荐指数
1
解决办法
6623
查看次数

标签 统计

apollo-client ×1

firebase ×1

graphql ×1

next.js ×1

npm ×1

reactjs ×1

websocket ×1