07f141e8c8
- Add explicit import of '@douyinfe/semi-ui/dist/css/semi.css' in index.js - Ensures Semi Design components render with proper styling - Resolves issue where Semi components appeared unstyled after dependency updates This change addresses the style loading issue that occurred after adding antd dependency and updating the build configuration. The explicit import ensures consistent style loading regardless of plugin behavior changes.
34 lines
1.0 KiB
JavaScript
34 lines
1.0 KiB
JavaScript
import React from 'react';
|
|
import ReactDOM from 'react-dom/client';
|
|
import { BrowserRouter } from 'react-router-dom';
|
|
import '@douyinfe/semi-ui/dist/css/semi.css';
|
|
import { UserProvider } from './context/User';
|
|
import 'react-toastify/dist/ReactToastify.css';
|
|
import { StatusProvider } from './context/Status';
|
|
import { Layout } from '@douyinfe/semi-ui';
|
|
import { ThemeProvider } from './context/Theme';
|
|
import { StyleProvider } from './context/Style/index.js';
|
|
import PageLayout from './components/layout/PageLayout.js';
|
|
import './i18n/i18n.js';
|
|
import './index.css';
|
|
|
|
// initialization
|
|
|
|
const root = ReactDOM.createRoot(document.getElementById('root'));
|
|
const { Sider, Content, Header, Footer } = Layout;
|
|
root.render(
|
|
<React.StrictMode>
|
|
<StatusProvider>
|
|
<UserProvider>
|
|
<BrowserRouter>
|
|
<ThemeProvider>
|
|
<StyleProvider>
|
|
<PageLayout />
|
|
</StyleProvider>
|
|
</ThemeProvider>
|
|
</BrowserRouter>
|
|
</UserProvider>
|
|
</StatusProvider>
|
|
</React.StrictMode>,
|
|
);
|