webpack CssSyntaxError в приложении реакции с файлом, который не существует - PullRequest
Новая
       81

webpack CssSyntaxError в приложении реакции с файлом, который не существует

0 голосов
/ 09 июля 2020

У меня странная ошибка в webpack во время сборки: 

CssSyntaxError: /home/py/Desktop/prog/official/admin/main.d4133214bd1c3cd8992e.css:50:7: Unknown word

Вы можете заметить имя файла 

main.d4133214bd1c3cd8992e.css

в моем каталоге, такого файла нет, но почему он показывая этот файл, я не знаю, где он взялся

Я никогда не сталкивался с такой странной ошибкой. Может ли кто-нибудь помочь мне исправить это?

этот код в моем файле webpack.config. js файл: 

module: {
        rules: [{
                test: /\.svg$/,
                exclude: /node_modules/,
                use: ['babel-loader', 'react-svg-loader'],
              },
              {
                test: /\.svg$/,
                include: /node_modules/,
                use: [{
                  loader: 'file-loader',
                  options: {
                    jsx: true,
                  },
                }],
              },{
            test: /\.(woff|ttf|woff2|eot|png|jpe?g|gif)$/,
            use: [{
                loader: 'file-loader',
            }]
        }, {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: [
                        "@babel/preset-env",
                        "@babel/preset-react"
                    ],
                    plugins: [
                        ...(PROD_MODE ? [] : [
                            "react-hot-loader/babel"
                        ]),
                        "@babel/plugin-syntax-dynamic-import",
                        "@babel/plugin-proposal-class-properties",
                        "@babel/plugin-proposal-export-namespace-from",
                        "@babel/plugin-proposal-throw-expressions"
                    ]
                }
            }
        }, {
            test: /\.tsx?$/,
            use: [
                "ts-loader"
            ]
        }, {
            test: /\.p\.scss/,
            use: [
                "css-to-string-loader",
                "css-loader",
                "sass-loader"
            ]
        }, {
            test: /\.scss$/,
            exclude: /\.p\.scss/,
            use: [
                (PROD_MODE ? MiniCssExtractPlugin.loader : 'style-loader'),
                `css-loader${PROD_MODE ? '' : '?sourceMap'}`,
                `sass-loader${PROD_MODE ? '' : '?sourceMap'}`
            ]
        }, {
            test: /\.css$/,
            exclude: /\.p\.css/,
            use: [
                (PROD_MODE ? MiniCssExtractPlugin.loader : 'style-loader'),
                `css-loader${PROD_MODE ? '' : '?sourceMap'}`
            ]
        }]
    },
...