尝试构建反应库，但不断收到错误：元素类型无效：应为字符串

Question

大家好，我正在开发我的第一个 React 库：这里是：

https://github.com/HunterJS-bit/react-mini-contextmenu

但是当我尝试 npm install 时，出现错误：

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

我不知道接下来要更改什么我尝试更改在 index.ts 中添加默认导出，如下所示：

import ContextMenu from './components/ContextMenu';

export default ContextMenu;

但它仍然没有按预期工作，得到同样的错误：/

有没有人有类似的问题，因为我不知道如何解决这个问题

Answer 1

尝试这样做：-

import { default as ContextMenu } from './components/ContextMenu';

export default ContextMenu;

或者

检查您的 webpack 配置的输出路径。 如果上述解决方案不起作用，那应该是问题所在。

尝试将其添加到您的规则中：-

  {
    test: /\.tsx?$/,
    loader: 'awesome-typescript-loader',
    exclude: /node_modules/,
  }

或者

  {
    test: /\.tsx?$/,
    use: 'ts-loader',
    exclude: /node_modules/,
  },

你也可以试试。

Answer 2

在你的 index.ts 中试试这个

export * from './components/ContextMenu';//to reexport the name exports
export {default} from './components/ContextMenu';// to reexport the default exports

而不是再次导入和导出

Answer 3

我认为您正在导出一个元素而不是一个组件。 改为导出组件。