在 bit.dev 上安装一个导出组件时未定义 React
React is not defined when install one exported component on bit.dev
我已经关注了official tutorial of Bit for React. And the result is here: https://bit.dev/vibe/react-admin-components/action-buttons
问题是,我无法将上述组件作为 npm 包安装到另一个项目中。它说 React is undefined
when 运行 time (not build time) with this import: import ActionButtons from '@bit/vibe.react-admin-components.components';
我相信这是一个幸福的案例,这里没有魔法。当我使用 React 17
和 babel 7
.
时,也许 babel 是这里的问题
任何想法将不胜感激。
错误 React is undefined
表示您的 React 默认 Bit 编译器配置不正确,无法支持新的 JSX 转换器。
修复步骤
- 分叉默认 Bit compiler follow this guideline
- 按照 配置 here 部分更新分叉编译器的
.babelrc
以使用自动运行时。
注意编译器的@babel/preset-react
依赖升级到>=7.9.0
- 使用新的编译器重建您的组件
- 再次导出该组件并享受
我是 Bit 团队的 Josh。
我发布了一个新版本的 React 编译器,现在支持 React 17,请使用新版本并重新导出您的组件。
https://bit.dev/bit/envs/compilers/react?version=1.0.23
我已经关注了official tutorial of Bit for React. And the result is here: https://bit.dev/vibe/react-admin-components/action-buttons
问题是,我无法将上述组件作为 npm 包安装到另一个项目中。它说 React is undefined
when 运行 time (not build time) with this import: import ActionButtons from '@bit/vibe.react-admin-components.components';
我相信这是一个幸福的案例,这里没有魔法。当我使用 React 17
和 babel 7
.
任何想法将不胜感激。
错误 React is undefined
表示您的 React 默认 Bit 编译器配置不正确,无法支持新的 JSX 转换器。
修复步骤
- 分叉默认 Bit compiler follow this guideline
- 按照 配置 here 部分更新分叉编译器的
.babelrc
以使用自动运行时。 注意编译器的@babel/preset-react
依赖升级到>=7.9.0 - 使用新的编译器重建您的组件
- 再次导出该组件并享受
我是 Bit 团队的 Josh。
我发布了一个新版本的 React 编译器,现在支持 React 17,请使用新版本并重新导出您的组件。
https://bit.dev/bit/envs/compilers/react?version=1.0.23