postcss-nested: [object Object] is not a PostCSS plugin after upgrade to 5.0.0

I’m using postcss-nested inside Nuxt, my config that I was using before the upgrade with v.4.2.3 was working just fine nuxt.config.js

export default {
    build: {
        postcss: {
    // Allows the use of single line comments
    // in .pscss and .vue files
    parser: 'postcss-comment',
    // Add plugin names as key and arguments as value
    // Install them before as dependencies with npm or yarn
    plugins: {
      'postcss-import': {},
      tailwindcss: {},
      'postcss-nested': {},
      'postcss-hexrgba': {},
      'postcss-custom-properties': {
        importFrom: [{customProperties}]
      },
      autoprefixer: {}
    }
    }
}

but after the upgrade I started to get an error which fails the build

 ERROR  in ./fomos/droplet.vue?vue&type=style&index=0&lang=postcss&

Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: [object Object] is not a PostCSS plugin
    at Processor.normalize (H:\Projects\Kare\frontend\node_modules\postcss\lib\proc
essor.js:168:15)
    at new Processor (H:\Projects\Kare\frontend\node_modules\postcss\lib\processor.
js:52:25)
    at postcss (H:\Projects\Kare\frontend\node_modules\postcss\lib\postcss.js:55:10
)
    at H:\Projects\Kare\frontend\node_modules\postcss-loader\src\index.js:140:12
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Comments: 15 (6 by maintainers)

Most upvoted comments

Add body { user-select: text; } to CSS and thern check that your output CSS contains prefixed versions