Storybook + Next + Netlify

bfnvny8b 于 6个月前发布在其他

关注(0)|答案(7)|浏览(52)

描述bug

在使用Netlify next插件构建storybook时，我遇到了一个错误。

重现

安装一个next应用，然后添加storybook。

Npm install `@netlify/plugin-nextjs`

安装完成后，为storybook在Netlify中设置一个新的站点：

build: `next build-storybook`
output: `storybook-static`

在CI运行时，你会得到这个错误：

2:33:01 PM: Error: The directory "storybook-static" does not contain a Next.js production build. Perhaps the build command was not run, or you specified the wrong publish directory.

系统

请将npx sb@next info的结果粘贴到这里。

问题追踪摘要

支持者(总计：$0.00)

Become a backer now!

Or submit a pull request to get the deposits!

提示

查看Issuehunt explorer以发现更多资助的问题。
需要其他开发者的帮助？在IssueHunt上发起筹款请求。

storybook

来源：https://github.com/storybookjs/storybook/issues/17031

7条答案

按热度按时间

vatpfxk51#

@tolicodes已为此次问题提供50美元的资金支持。

通过IssueHunt提交pull request以获得此奖励。
想要贡献？通过IssueHunt为此次问题捐款。
查看IssueHunt Issue Explorer以查看更多获得资金支持的问题。
需要开发者帮助？在IssueHunt上Add your repository寻求资金支持。

赞(0）回复(0）举报 6个月前

cgvd09ve2#

https://issuehunt.io/r/baby636/Hackathons

赞(0）回复(0）举报 6个月前

0vvn1miw3#

同样的事情发生在我身上，那天在netlify的构建日志中显示

5:55:14 AM: ❯ Outdated plugins
5:55:14 AM:    - @netlify/plugin-nextjs@3.9.2: latest version is 4.0.0
5:55:14 AM:      Migration guide: https://ntl.fyi/next-plugin-migration
5:55:14 AM:      To upgrade this plugin, please uninstall and re-install it from the Netlify plugins directory (https://app.netlify.com/plugins)

因此，我更新了插件到版本 4.0.0 ,直到后来我才发现它导致了这个错误。
至于为什么我还不知道，也许netlify团队和nextjs团队可以在这方面同步，进一步调查这个问题。

解决方案

将nextjs插件从netlify降级到3.9.2

赞(0）回复(0）举报 6个月前

mwg9r5ms4#

是的。旧的插件给我带来了另一个问题 - 它不知怎么地将下一个缓存上传到了lambda(超过了60MB的限制)。实际打包的应用只有2M。

赞(0）回复(0）举报 6个月前

slhcrj9b5#

你好，@tolicodes,你是否碰巧有一个关于这个问题的复现仓库？

赞(0）回复(0）举报 6个月前

xsuvu9jc6#

@tolicodes 我已经创建了一个复现仓库 https://github.com/alk-mandrianarijaona/fix-storybook-17031 ,但到目前为止我无法复现这个问题。你能请你分享一下你的 netlfiy.toml 文件或者你在 netlify 上的构建配置吗？

赞(0）回复(0）举报 6个月前

plupiseo7#

@tolicodes 已取消此问题的资助(取消金额：50.00美元)

赞(0）回复(0）举报 6个月前

我来回答

Storybook + Next + Netlify

支持者(总计：$0.00)

Become a backer now!

Or submit a pull request to get the deposits!

提示

7条答案

解决方案

相关问题

热门标签

最新问答