Last week, as I began to work through the Create a Block Tutorial on WordPress.org, I ran into an issue that I struggled to solve until today.
The Problem
After I created my block scaffolding with npx @wordpress/create-block starter-block
and ran npm run build
, I got the following error:
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js):
Error: [object Object] is not a PostCSS plugin
The Solution
I had to install the following packages and that seems to have done the business.
npm install --save-dev postcss-preset-env mini-css-extract-plugin path css-loader node-sass sass-loader postcss-loader ignore-emit-webpack-plugin