styled-components - 如何将 ThemeProvide 加载到 Styleguidist？

Question

我想将我的主题从 styled-components 集成到 styleguidist。根据官方文档，我创建了 ThemeWrapper 并将其添加到配置中：

...
const path = require('path');

const styleguideComponents = {
  Wrapper: path.join(__dirname, '/srs/styled-components/ThemeWrapper.tsx'),
};
...

module.exports = {
  ...
  styleguideComponents,
  ...
};

但是当我尝试构建它时，会出现下一个错误：

找不到模块：无法解析“/My/User/Folder/Desktop/trello/front-end/node_modules/react-styleguidist/lib/rsg-components/ReactExample”中的“rsg-components/Wrapper”

可能路径不正确。什么是正确的，以及如何改变它？

Answer 1

好吧，在 styleguidist 配置中更改组件掩码后，它工作正常。我认为问题在于加载默认 styleguidist 页面（如错误消息中所述），并且在添加实际组件后，该错误不再出现。