message提示的icon没有显示出来

[hhhyyyy99]

环境：

Node: 18.18.0
Electron: 31.2.1
React: 18.3.1
React-dom: 18.3.1

tea-component version: 2.8.0

main.ts 导入样式

import './assets/main.css'
import "tea-component/dist/tea.css";
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
)

App.tsx使用message

import {message} from "tea-component"

function App(): JSX.Element {
  return (
    <>
     <button onClick={()=>{
            message.success({
              content: 'Hello, Tea!',
              duration: 0,
            })
          }}>message</button>
    </> 
  )
}

export default App

最终效果呈现

[hhhyyyy99]

最终呈现图

[xughv]

2.8.0 的图标方案有变化，我们这里看下有什么问题

[xughv]

2.8.0 的样式实现依赖了 css 变量，当前只引入 tea.css 时图标默认颜色变量好像有缺失，我们会修正下。

可以从 tea-component/dist/themes/ 下选择主题引入，并把 tea.css 换为 tea-themeable.css

[hhhyyyy99]

main.ts 重新引入之后，图标正常显示了，不过控制台有个error输出

import 'tea-component/dist/themes/default-light.css';
import "tea-component/dist/tea-themeable.css";

[xughv]

main.ts 重新引入之后，图标正常显示了，不过控制台有个error输出

import 'tea-component/dist/themes/default-light.css';
import "tea-component/dist/tea-themeable.css";

暂时没办法，还没有去完全兼容 React 18