首页 > 解决方案 > storybook + nextjs 路由器:NextContext.Provider 未定义,请添加到 parameters.nextRouter.Provider

问题描述

我真的在为获得故事书而奋斗,和 nextjs 路由器一起玩。我收到以下错误:

NextContext.Provider 未定义,请将其添加到 parameters.nextRouter.Provider

我已经设置了一个 nextjs + 故事书项目。现在我有一个使用useRouter. 我遵循了官方指南。这是我的main.js文件:

module.exports = {
  stories: [],
  addons: [
    '@storybook/addon-essentials', 
    'storybook-addon-next-router'
  ]
};

这是我的preview.js文件:

import { RouterContext } from "next/dist/next-server/lib/router-context";

export const parameters = {
  nextRouter: {
    Provider: RouterContext.Provider,
  },
}

当我预览故事书并导航到我的组件时,出现错误:

NextContext.Provider is undefined, please add it to parameters.nextRouter.Provider

我不知道我还应该做什么。谢谢你的建议。

标签: next.jsstorybooknext-router

解决方案


推荐阅读