小编Mau*_*uro的帖子

如何在使用Next.js完成的外部项目中使用Storybook组件(和Lerna)?

我刚刚创建了我的Storybook组件库(ES6等)。它被构造为一个Lerna项目(所有组件都隔离在package /文件夹中)。但是,这是一个私人仓库,没有真正的发布功能,因此,我认为Lerna无法使用私人(免费)帐户。我已将故事书存储库原封不动地推送到了我的Bitbucket。

现在,我想使用主要应用程序中的组件的故事书库,它是基于Next.js构建的不同存储库(在Bitbucket上)。

我试图按如下方式导入各个故事书组件

import MyComponent from 'storybook-repo/packages/my-component/my-component';
Run Code Online (Sandbox Code Playgroud)

但显然不起作用,返回此错误:

Module parse failed: Unexpected token (8:9)
You may need an appropriate loader to handle this file type.
Run Code Online (Sandbox Code Playgroud)

MyComponent是因为是jsx文件。我希望Next.js转换导入的模块,但事实并非如此。

我的问题是:

  1. 我的胆量说,git+ssh://git@bitbucket.org/myusername/storybook-repo.git从中导入整个故事书package.json不是一个好主意。有更好的解决方案吗?

  2. Lerna仅在我可以发布我的软件包的公共/专业仓库中工作是真的吗?

  3. 为什么Next.js不转译导入的jsx模块?此时,此过程如何工作?我应该从远程存储库中移植故事书组件,还是从主应用程序中完成工作?

谢谢

reactjs lerna monorepo next.js storybook

2
推荐指数
1
解决办法
1161
查看次数

标签 统计

lerna ×1

monorepo ×1

next.js ×1

reactjs ×1

storybook ×1