ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.3k stars 1.36k forks source link

🧐[问题] antd pro-components 样式兼容問題,添加 StyleProvider 沒有效果 #7438

Closed XXuain closed 1 year ago

XXuain commented 1 year ago

遇到了不兼容舊版瀏覽器樣式問題 依照官網样式兼容的方式添加 <StyleProvider /> 後 沒有效果

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    {/* <ConfigProvider theme={{ hashed: false }}> */}
      <StyleProvider
        hashPriority="high"
        transformers={[legacyLogicalPropertiesTransformer]}
      >
      <RouterProvider router={router} />
      </StyleProvider>
    {/* </ConfigProvider> */}
  </React.StrictMode>
)

反而是加了 <ConfigProvider theme={{ hashed: false }}> 這樣子 antd 有效果,但 antd pro-components 依舊無法支持兼容

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <ConfigProvider theme={{ hashed: false }}>
      {/* <StyleProvider
        hashPriority="high"
        transformers={[legacyLogicalPropertiesTransformer]}
      > */}
      <RouterProvider router={router} />
      {/* </StyleProvider> */}
    </ConfigProvider>
  </React.StrictMode>
)

截圖 2023-07-28 下午5 36 31

使用的版本:

    "@ant-design/cssinjs": "^1.16.0",
    "antd": "^5.6.2",
    "@ant-design/pro-components": "2.4.3",
    "@ant-design/icons": "^5.1.4",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "vite": "^4.3.9"

麻煩幫我解答一下了 謝謝

suxin1 commented 1 year ago

遇到了同样的问题,ConfigProvider 提供的主题在 pro-components 中没有生效。

chenshuai2144 commented 1 year ago

"@ant-design/cssinjs": "^1.16.0", 和 antd 的版本要保证只有一份的,你们可以用 npm ls packageName 来看看版本

ningkehua commented 5 months ago

"@ant-design/cssinjs": "^1.16.0", 和 antd 的版本要保证只有一份的,你们可以用 npm ls packageName 来看看版本

这个能解释下什么意思吗