Lerna +样式化组件monorepo无效钩子

编程问答 2022-06-03

问题描述

我正在研究具有中央UI库的monorepo，我想在其中使用样式化组件。

我目前的库工作正常，没有样式化的组件，并且能够将组件成功导入其他项目。

但是，一旦我安装了样式化的组件并重构组件以使用样式，我就会收到无效的挂钩调用。

我已经看到关于无效钩子的多个问题，但是没有一个关于基本样式组件实现的问题。

enter image description here

我试图使最简单的组件能够导出，以使其正常工作

组件 

import React from 'react'
import styled from 'styled-components'

const StyledButton = styled.button`
    background: #000;
`
  
const Button = ({ children }) => {
    return (
        <StyledButton>{ children }</StyledButton>
    )
}

export default Button

基本结构和反应版本 

Packages
    library: 
       react & react-dom: ^17.0.1 (react & react-dom)
       styled-components: ^5.2.1
    website:
       react & react-dom: ^17.0.1 (react & react-dom)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

lernamonoreporeactjsreactjsreactjsreactjsstyled-components