从分叉的 npm 包导入组件时出错
Error importing component from forked npm package
因此，我正在使用 react-chat-elements 作为聊天组件的 UI 库制作一个小型聊天工具。我想修改某些 CSS 值以匹配我想要构建的内容，而不像现在那样绑定到特定库（自 5 个月前以来未更新）。
所以我尝试将它分叉到我的 Github 帐户，从中创建 NPM 包 (react-chat-elements-av)，而不先进行任何更改以确保它的工作方式与与原件。但是，当我从我创建的 NPM 包导入特定组件时，比如 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 包 import { MessageBox, SystemMessage } from "react-chat-elements"; 导入这两个组件，一切正常，导入位置有点不同：/node_modules/react-chat-elements/dist/main.
在执行 npm install react-chat-elements-av 时，我在创建 dist 目录时是否遗漏了什么？我从字面上分叉了原始 repo，并用它创建了 NPM 包，没有对任何 webpack 配置进行任何更改。
知道这里会发生什么吗？
提前致谢！
dist 存储库用于构建后的生产级代码。这是分发文件。下载后，尝试通过 运行 npm run build 查看他们是如何构建他们的库的。
因此，我正在使用 react-chat-elements 作为聊天组件的 UI 库制作一个小型聊天工具。我想修改某些 CSS 值以匹配我想要构建的内容，而不像现在那样绑定到特定库（自 5 个月前以来未更新）。
所以我尝试将它分叉到我的 Github 帐户，从中创建 NPM 包 (react-chat-elements-av)，而不先进行任何更改以确保它的工作方式与与原件。但是，当我从我创建的 NPM 包导入特定组件时，比如 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 包 import { MessageBox, SystemMessage } from "react-chat-elements"; 导入这两个组件，一切正常，导入位置有点不同：/node_modules/react-chat-elements/dist/main.
在执行 npm install react-chat-elements-av 时，我在创建 dist 目录时是否遗漏了什么？我从字面上分叉了原始 repo，并用它创建了 NPM 包，没有对任何 webpack 配置进行任何更改。
知道这里会发生什么吗？
提前致谢！
dist 存储库用于构建后的生产级代码。这是分发文件。下载后，尝试通过 运行 npm run build 查看他们是如何构建他们的库的。