Javascript 未定义ReactJS聊天包

我在这里找到的教程上取得了一些进展：

但我被困在了19分钟左右

基本上，本教程是使用React和Chatkit构建即时通讯程序

我收到一条使用以下代码的“未能搞笑”消息，该代码是一个名为Chatscreen.js的文件：

import React from 'react'
import ChatKit from '@pusher/chatkit'

class ChatScreen extends React.Component {
componentDidMount () {
    const chatManager = new Chatkit.ChatManager({
        instanceLocator: 'v1:us1:5802c885-ab9d-409b-aa98-5dbcfc69efd1',
        userId: this.props.currentUsername,
        tokenProvider: new ChatKit.tokenProvider({
            url: 'http://localhost:3001/authenticate'
        })
    })

    chatManager
        .connect()
        .then(currentUser => console.log('currentUser', currentUser))
        .catch(error => console.error(error))
  }
  render() {
    return (
        <div>
            <h1>Chat</h1>
            <p>Hello, {this.props.currentUsername}</p>
        </div>
    )
  }
}

export default ChatScreen

这里是指向我的github存储库的链接。为什么我会收到这个错误

---

在我查看了他们的文档之后。我想你最好这样进口

import { TokenProvider } from "@pusher/chatkit-client-react"

我认为问题在于版本不同。你看的VDO是去年的，他们的包装可能有一些变化

---

仅供参考：

只需检查

新聊天包。tokenProvider

可能是

新聊天包。tokenProvider

？我应该意识到这一点。这是令人沮丧和沮丧的。我只想完成这个项目，然后继续做别的事情。谢谢你的信息。

import { TokenProvider } from "@pusher/chatkit-client-react"