如何正确地实现React-Loading-Skeleton？ 我正在尝试在我的项目中实现React-Loading-Skeleton库。 骨骼组件的代码： 导入骨架，{skeletontheme}从'react-loading-skeleton' 导入'react-toading-skeleton/dist/

Question

WebPack配置的编码：

...
{
    test: /\.(scss|css)$/,
    //exclude: /node_modules/,  => needed to avoid for react-skeleton-loading work
    use: [
        'style-loader',
        {
            loader: 'css-loader',
            options: {
                modules: {
                    localIdentName:
                        '[name]__[local]--[hash:base64:5]',
                },
            },
        },
        'sass-loader',
    ],
},
...

问题：骨骼组件是渲染的（已显示在DOM中），但在屏幕上没有任何迹象。在DOM中呈现的两个跨度（一个跨度 - 骨骼组件），但在其上使用了样式（不是来自骨架的骨架）。 DOM显示样式在元素上使用，但我在屏幕上看不到它。

P.S：我尝试在骨架和骨架中使用样式属性 - 不起作用

在我的情况下，WebPack配置中的某些代码不会让Skeleton.css文件上传到网页上。因此，您需要评论或删除这些行：

...
            options: {
                modules: {
                    localIdentName:
                        '[name]__[local]--[hash:base64:5]',
                },
            },
...

Answer 1

您可以参考此YouTube视频，该视频提供了如何在React Vite应用中使用TailWindCss.ss.

ss.

ss.

ss.

ss.

Answer 2

ss.

ss.s.