Reactjs 获取'；元素类型无效'；开发React NPM包时出错

我正在开发一个React组件包，我计划将其发布到NPM

我在软件包中使用以下内容

• 打字稿
• 网页包

但是，当我在一个新的CRA应用程序中本地测试它时（我使用“纱线链接”在本地测试NPM包），我在CRA应用程序中得到了以下错误消息

错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到： 对象您可能忘记了从其所在的文件中导出组件 在中定义，或者您可能混淆了默认导入和命名导入。 检查

App

的渲染方法

我创建了NPM包的简化版本，并将其推送到我的回购协议：

以下是我在CRA应用程序中用于测试目的的代码：

import MyReactNpmPackage from 'my-react-npm-package'
import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <MyReactNpmPackage />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;

---

我已经解决了这个问题。基本上，我需要在webpack的模块中将包导出为

commonjs2

---

固定版本在这里：

您是否导出了

应用程序

？嗨@AluanHaddad，是的，我导出了应用程序。我已经更新了代码片段。