從分叉 npm package 導入組件時出錯

Question

所以，我正在制作一個小型聊天工具，使用 react-chat-elements 作為聊天組件的 UI 庫。 我想修改某些 CSS 值以匹配我想要構建的內容，而不像現在這樣綁定到那個特定的庫（它自 5 個月前以來沒有更新）。

所以我嘗試將它分叉到我的 Github 帳戶，創建 NPM package （react-chat-elements-av），而不用做任何改變，以確保它首先以相同的方式工作。 但是，當我從我創建的 NPM package 導入特定組件時，比如說import { MessageBox, SystemMessage } from "react-chat-elements-av"; ，我收到一條錯誤消息， Attempted import error: 'MessageBox' is not exported from 'react-chat-elements-av'. ，作為嘗試的導入位置：/node_modules/react-chat-elements-av/index.

現在，如果我從原始 NPM package 導入這兩個組件import { MessageBox, SystemMessage } from "react-chat-elements"; ，一切正常，導入位置有點不同：/node_modules/react-chat-elements/dist/main.

在執行npm install react-chat-elements-av時，我在創建 dist 目錄時有什么遺漏嗎？ 我從字面上分叉了原始存儲庫，並用它創建了 NPM package，沒有對任何 webpack 配置進行任何更改。

知道這里會發生什么嗎？

提前致謝！

Answer 1

dist存儲庫用於構建后的生產級代碼。 這是分發文件。 下載后運行npm run build嘗試查看他們是如何構建庫的。