“pubnub-react”不包含默认导出答案

【问题标题】：'pubnub-react' does not contain a default export“pubnub-react”不包含默认导出
【发布时间】：2021-04-10 00:53:01
【问题描述】：

我正在关注有关 TicTacToe 与 PubNub 反应的教程，当我尝试启动它时，它说 pubnub-react 不包含默认导出。任何想法为什么会这样？

提前致谢！

here here

error

【问题讨论】：

请附上您在运行应用程序时收到的完整错误日志。
我刚做了，你可以看到它的图片。谢谢！
不能将其作为文本添加到您的帖子中吗？这样分析起来容易得多。并编辑您的 pub/sub 密钥，以免其他人使用它们。

标签： reactjs npm tic-tac-toe pubnub

【解决方案1】：

是的，没错，pubnub-react 没有默认导出。

你可以用两种方式使用它

第一

使用Destructuring Assignment

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

import { PubNubProvider, usePubNub } from 'pubnub-react';

import React from 'react';
import PubNub from 'pubnub';
import { PubNubProvider } from 'pubnub-react';

const pubnub = new PubNub({
  publishKey: 'myPublishKey',
  subscribeKey: 'mySubscribeKey',
  uuid: 'myUniqueUUID'
});

function App() {
  return (
    <PubNubProvider client={pubnub}>
      <Chat />
    </PubNubProvider>
  );
}

第二

使用import * as <NAME>将所有模块导出到one

import * as PubNubReact from 'pubnub-react';

import React from 'react';
import PubNub from 'pubnub';
import * as PubNubReact from 'pubnub-react';

const pubnub = new PubNub({
  publishKey: 'myPublishKey',
  subscribeKey: 'mySubscribeKey',
  uuid: 'myUniqueUUID'
});

function App() {
  return (
    <PubNubReact.PubNubProvider client={pubnub}>
      <Chat />
    </PubNubReact.PubNubProvider>
  );
}

【讨论】：

嘿，谢谢你的建议，但我不确定我应该怎么做。我正在关注本教程 - pubnub.com/blog/build-a-multiplayer-tic-tac-toe-game-in-react/# 有什么建议吗？编辑：还添加了我当前代码的图片:)
只需将导入替换为 import { PubNubProvider, usePubNub } from 'pubnub-react';