标识符“ChatFeed”已被声明

Question

import { ChatEngine, ChatFeed } from 'react-chat-engine';
import ChatFeed from './components/chatFeed';
import './App.css';

const App = () => {
    return(

        <ChatEngine
            height="100vh"
            projectID=""
            userName=""
            userSecret=""
            renderChatFeed={(chatAppProps) => <ChatFeed {...chatAppProps} />}    

            />
    );
}

export default App;

服务器运行时显示错误

SyntaxError: D:\PROJECTS\APPLICATION\chat_app\src\App.js: Identifier 'ChatFeed' has already been declared. (3:7)

  1 | import { ChatEngine, ChatFeed } from 'react-chat-engine';
  2 |
> 3 | import ChatFeed from './components/chatFeed';
    |        ^

Answer 1

好吧，错误消息说明了一切，您声明了

ChatFeed

两次。

您可以通过以下方式修复它：

1. 重命名您的组件，例如

   import ChatFeedComponent from './components/chatFeed';

2. 将命名导入从

   react-chat-engine

   重命名为

   import { ChatEngine, ChatFeed as ChatFeedComp } from 'react-chat-engine';

当然，随意使用你喜欢的任何名称

Answer 2

错误消息显示您导入 ChatFeed 两次。

您可以修复它，从第一行删除 chatFeed 用这个 从“react-chat-engine”导入{ChatEngine}； 从 './components/ChatFeed' 导入 ChatFeed；