reactjs - Styled Components v3 具有空主题对象

Question

升级到 styled-components@latest (3.1.0) 后，启动应用程序时，会抛出此错误:

Uncaught TypeError: Cannot read property 'margin' of undefined

经检查，在如下定义的组件中，主题对象似乎为空:


export const Form = styled.form`
${({ theme }) => theme.layout.margin.all.small};
`;


记录theme这里返回 {} ，但是在 <ThemeProvider> jsx 中的级别，主题按预期记录，并包含所有值。

如果我降级到 2.4.0，它可以正常工作并且符合预期。

Answer 1

事实证明，样式组件的多个版本相互冲突。

删除重复项并按预期工作。