web-dev-qa-db-fra.com

Aucune configuration PostCSS trouvée

J'essaie d'apprendre les réactions d'après un tutoriel. Pendant ce temps, le tutoriel indique comment utiliser webpack pour compiler des feuilles de style et des ressources JS. Je suis coincé dans une erreur où les feuilles de style ne peuvent pas être compilées et jette l'erreur suivante lors de la compilation du fichier à l'aide de webpack. Il affiche l'erreur suivante:

   ERROR in ./src/stylesheets/hello.css (./node_modules/css-loader!./node_modules/postcss-loader/lib!./src/stylesheets/hello.css)
Module build failed: Error: No PostCSS Config found in: E:\developer\start\src\stylesheets
    at E:\developer\start\node_modules\postcss-load-config\index.js:51:26
    at <anonymous>
 @ ./src/stylesheets/hello.css 2:14-124
 @ ./src/lib.js
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:4000 ./src/index.js

J'ai tout fait conformément au tutoriel, mais d'une manière ou d'une autre, cette erreur persiste et n'a pas pu résoudre ce problème car je suis très novice dans ce domaine. Mon fichier de configuration webpack webpack.config.js est le suivant:

    module: {
        rules: [
           {
                test: /\.css$/,
                use: [{
                    loader: "style-loader" // creates style nodes from JS strings
                }, {
                    loader: "css-loader" // translates CSS into CommonJS
                }, {
                    loader: "postcss-loader" // compiles Sass to CSS
                }]
            },
            {
                test: /\.scss$/,
                use: [{
                    loader: "style-loader" // creates style nodes from JS strings
                }, {
                    loader: "css-loader" // translates CSS into CommonJS
                }, {
                    loader: "postcss-loader" // compiles Sass to CSS
                }, {
                    loader: "sass-loader" // compiles Sass to CSS
                }]
            }
        ]
    }
};
webpackpostcsspostcss-loaderwebpack.config.js
19
Birendra Gurung

Fait un nouveau fichier dans le répertoire racine nommé postcss.config.js et ajouté

module.exports = {};

Trouvé ceci sur le post suivant:

https://stackoverflow.com/a/41758053/5350097

43
Birendra Gurung

Si vous ne voulez pas ajouter un autre fichier, il vous suffit d'ajouter vos options dans la configuration de votre webpack:

         {
           loader: `postcss-loader`,
           options: {
             options: {},
           }
         },
16
kontrollanten