web-dev-qa-db-ja.com

PostCSS構成が見つかりません

私はチュートリアルに従ってreactjsを学ぼうとしています。一方、このチュートリアルでは、スタイルシートとJSアセットのコンパイルにwebpackを使用するように指示しています。スタイルシートをコンパイルできず、webpackを使用してファイルをコンパイルしているときに次のエラーがスローされるというエラーが発生します。次のエラーが表示されます。

   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

私はチュートリアルに従ってすべてを行いましたが、どういうわけかこのエラーが持続し、私はこれに非常に新しいのでこれを解決できませんでした。私のwebpack構成ファイルwebpack.config.jsは次のとおりです。

    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

postcss.config.jsという名前のルートディレクトリに新しいファイルを作成し、追加しました

module.exports = {};

これは次の投稿で見つけました。

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

43
Birendra Gurung

別のファイルを追加したくない場合は、webpack構成にオプションを追加するだけで十分です。

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