Как решить эту проблему? это с webpack или нет?

Question

ОШИБКА в ./node_modules/react-loader-spinner/dist/loader/css/CradleLoader.css 1: 0 Ошибка разбора модуля: неожиданный токен (1: 0) Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов. .swing div {

В webpack.config.js:

{
            test: /\.s?[ac]ss$/,
            include: [
                path.resolve(__dirname, 'react'),
            ],
            use: [

                MiniCssExtractPlugin.loader,

                {
                    loader: 'css-loader',
                    options: {
                        importLoaders: 2,
                        minimize: !devMode
                    }
                },

                {
                    loader: 'postcss-loader',
                    options: {
                        ident: 'postcss',
                        plugins: [

                            autoprefixer({
                                browsers: [
                                    '>5%',
                                    'last 2 versions',
                                    'not ie < 9',
                                ],


                            }),


                        ]
                    }

                },

                'sass-loader'
            ]
        },

Answer 1

Здесь вы настраиваете веб-пакет для использования вашего правила только для файлов внутри path.resolve(__dirname, 'react')

{
   test: /\.s?[ac]ss$/,
   include: [
       path.resolve(__dirname, 'react'),
   ]

, но где-то в вашем коде вы импортируете этот файл ./node_modules/react-loader-spinner/dist/loader/css/CradleLoader.css, а он не внутри path.resolve(__dirname, 'react'), поэтому веб-пакетне переносите его.

Самое простое решение - удалить его из вашей конфигурации.

   include: [
       path.resolve(__dirname, 'react'),
   ]

или добавить этот модуль в массив include:

   include: [
       path.resolve(__dirname, 'src'),
       path.resolve(__dirname, 'node_modules/react-loader-spinner/dist/loader/css/CradleLoader.css'),
   ],