Javascript 从分叉npm包导入组件时出错

所以，我正在制作一个小的聊天工具，使用react聊天元素作为聊天组件的UI库。我想修改某些CSS值，以匹配我想要构建的内容，而不必像现在这样绑定到特定的库（它从5个月前就没有更新过）

因此，我尝试将其转移到我的Github帐户，从中创建NPM包（react chat elements av），而不首先进行任何更改，以确保其与原始版本的工作方式相同。但是，当我从我创建的NPM包导入特定组件时，比如说从“react chat elements av”导入{MessageBox，SystemMessage}，我收到一个错误，提示

尝试导入错误：“MessageBox”不是从“react chat elements av”导出的。

，是尝试导入的位置：/node\u modules/react chat elements av/index

现在，如果我从原始NPM包中导入这两个组件，

import{MessageBox，SystemMessage}来自“react chat elements”，一切正常，导入位置略有不同：/node\u modules/react chat elements/dist/main

在执行
npm install react chat elements av
时，在创建该dist目录时是否缺少什么内容？我从字面上分叉了原始的回购协议，并用它创建了NPM包，没有对任何网页配置进行任何更改

知道这里会发生什么吗

提前谢谢
 dist

存储库用于生产级代码的生成。这是分发文件。下载后，试着看看他们是如何通过运行

npm run build

来构建库的。

提供到您的repoYep的链接，分叉原始和所有内容，但在发布之前没有运行

npm run build

，只是这样做了，修改后的包现在对我有效。非常感谢你！