Reactjs 标识符'；ChatFeed'；已经申报了

嗯，错误消息说明了一切，您声明了两次

ChatFeed

您可以通过以下方式进行修复：

重命名组件，如

import chatfeedponent from./components/chatFeed'

从

react chat engine

重命名命名的导入，就像从'react chat engine'导入{ChatEngine，ChatFeed as ChatFeedComp}

---

当然，您可以随意使用任何您喜欢的名称

，因为您正在导入的

ChatFeed

已经从

react chat engine

导入，所以请尝试像这样导入

import ChatFeed as ChatFeed component from./components/ChatFeed'

现在根据您的要求使用

ChatFeedComponent

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';
    |        ^