Javascript 带有Styleguidist和Fela的Next.js（React）

有人用Fela和Styleguidist设置了next.js吗

Styleguidist需要Next.js网页包配置，但我不能像这里提到的那样链接它：

我正在使用此示例应用程序：

下面是my styleguide.config.js的外观：

module.exports = {
components: 'components/**/*.js',
webpackConfig: {
    entry: './pages/_document.js',
  module: {
    rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader",
            options: {
                presets: ['@babel/react']
              }
          }

        }
      ]
  }
}

})

该应用程序在Next.js服务器上运行良好，但是Styleguidist服务器会收到以下错误消息：

错误：如果上下文中没有渲染器，createComponent（）无法渲染样式。应用程序根目录中缺少fela

可能是因为它缺少正确的应用程序根目录

---

提前谢谢

所以Artem给我指出了一个解决方案，如果有人像我一样卡住了，你应该添加这样的包装：

styleguide组件：{
包装器：path.join（uu dirname，“/FelaProvider”）
}，

因此，我的styleguide.config.js如下所示：

    const path = require('path')

    module.exports = {
        components: 'components/**/*.js',
        styleguideComponents: {
        Wrapper: path.join(__dirname, '/FelaProvider')
        },
        webpackConfig: {
            entry: 'next/lib/app.js',
        module: {
            rules: [
                {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader",
                    options: {
                        presets: ['@babel/react' ],
                        plugins: ['@babel/plugin-proposal-class-properties']
                    }
                }

                }
            ]
        }
        }
    };

---

您是否在文档中尝试过解决方案？感谢您的回复，是的，我有，问题是styleguidest需要Next.js网页包配置。您所指的示例不是使用Next。您看到的错误表明您需要使用Fela提供商，文档中的示例说明了如何使用它。什么对你不起作用？你的评论实际上给了我一个解决方案，我忘记了在我的styleguide.config.js中添加styleguidist的包装器。。。所以干杯@ArtemSapegin！