反应包但没有显示命名导入答案

【问题标题】：React package but no named import showing反应包但没有显示命名导入
【发布时间】：2020-10-11 07:13:39
【问题描述】：

我正在创建一个反应组件包。我将组件导出到 index.js 文件中，一旦我使用 rollup 构建它，该文件就会编译为 index.min.js 文件。

但问题是，一旦我安装了包并尝试导入，vs 代码没有像import {A} from 'a-package'那样向我显示命名导入

我错过了什么？

编辑

import React from 'react'

import a from './components/A'
import b from './components/B'

export const A = (props) => return (<a {...props} />)
export const B = (props) => return (<b {...props} />)

【问题讨论】：

你的组件文件中添加export default A;了吗？
我实际上添加了 export const 而不是 export default，因为有多个组件
命名导入需要大括号权限吗？包内还有一个 B，所以如果我想同时导入 A 和 B 我可以使用 import {A,B} from 'a-package'
能否分享您的组件文件或提供 CodeSandbox 链接？只是为了看看你的结构。
我已将主文件或入口文件包含在我上面的包中

标签： reactjs npm package

【解决方案1】：

我解决了这个问题，问题是，因为我使用汇总作为一个包并使用输出格式为umd 而不是cjs

现在当我更改格式时，问题就解决了

【讨论】：