Apakah yang perlu saya lakukan jika react antd tidak mempunyai gaya?

React antd tidak mempunyai penyelesaian gaya: 1. Perkenalkan pakej gaya antd ke dalam komponen paling luar projek, seperti "@import '~antd/dist/antd.css';" 2. Konfigurasikan dalam webpack Memperkenalkan "['import', { libraryName: 'antd', style: 'css' }],".

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Apakah yang perlu saya lakukan jika reaksi antd tidak mempunyai gaya?

Masalah bahawa komponen antd yang diperkenalkan dalam projek react tidak mempunyai gaya

Jelas sekali fail gaya antd tidak diimport. Terdapat dua cara untuk diselesaikan ia:

1. Perkenalkan pakej gaya ant

ke dalam komponen paling luar projek, contohnya, tambahkan

@import '~antd/dist/antd.css';

di bahagian atas App.css . Memperkenalkan konfigurasi pek web

module.exports = {
    entry: {
        index: path.join(srcPath, 'index.js'),
    },
    module: {
        rules: [
            // babel-loader
            {
                test: /\.(js|jsx)$/,
                loader: ['babel-loader?cacheDirectory'],// 开启缓存
                include: srcPath,
                // exclude: /node_modules/
                loader: require.resolve('babel-loader'),
                options: {
                    plugins: [
                        // 引入样式为 css
                        // style为true 则默认引入less
                        ['import', { libraryName: 'antd', style: 'css' }],
                    ]
                }
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: path.join(srcPath, 'index.html'),
            filename: 'index.html'
        })
    ]
}

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika react antd tidak mempunyai gaya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!