webentwicklung-frage-antwort-db.com.de

Keine PostCSS-Konfiguration gefunden

Ich versuche nach einem Tutorial zu lernen, wie man reagiert. In der Zwischenzeit wird im Tutorial angewiesen, das Webpack zum Kompilieren von Stylesheets und JS-Assets zu verwenden. Ich stecke in einem Fehler, bei dem die Stylesheets nicht kompiliert werden können und beim Kompilieren der Datei mit Webpack einen folgenden Fehler auslöst. Es wird folgender Fehler angezeigt:

   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

Ich habe alles gemäß dem Tutorial gemacht, aber irgendwie bleibt dieser Fehler bestehen und konnte dies nicht lösen, da ich sehr neu darin bin. Meine Webpack-Konfigurationsdatei webpack.config.js lautet wie folgt:

    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
                }]
            }
        ]
    }
};
19
Birendra Gurung

Erstellt eine neue Datei im Stammverzeichnis mit dem Namen postcss.config.js und hinzugefügt

module.exports = {};

Fand dies in folgendem Beitrag:

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

43
Birendra Gurung

Wenn Sie keine weitere Datei hinzufügen möchten, ist es ausreichend, die Optionen in Ihrer Webpack-Konfiguration hinzuzufügen:

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