question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Upgrade postcss-nesting dependency version for Node 17+ support

See original GitHub issue

Version

@nuxtjs/tailwindcss: v4.2.1 nuxt: v2.15.8 node: v17.0.1

Steps to reproduce

Try to install @nuxtjs/tailwindcss in a plain nuxt project:

$ yarn add @nuxtjs/tailwindcss
yarn add v1.22.17
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
error postcss-nesting@8.0.1: The engine "node" is incompatible with this module. Expected version "12 - 16". Got "17.0.1"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

What is Expected?

@nuxtjs/tailwindcss should install latest postcss-nesting@9.0.1 version where this issue has been fixed. In both postcss-nesting 8.0.1 and 9.0.0, Node version was limited to 12-16, not supporting latest Node 17+ versions. This has been fixed in https://github.com/csstools/postcss-nesting/issues/87 postcss-nesting 9.0.1

suggested change in package.json:

-    "postcss-nesting": "^8.0.1",
+    "postcss-nesting": "^9.0.1",

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:6
  • Comments:10

github_iconTop GitHub Comments

4reactions
amurfcommented, Nov 25, 2021

This is still happening and a new version of postcss-nesting has been released 10.0.2

PR open here as well https://github.com/nuxt-community/tailwindcss-module/pull/397

3reactions
onlimecommented, Jan 3, 2022

Happy New Year! Can #397 be merged anytime soon?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Upgrade postcss-nesting dependency version for Node 17+ ...
Try to install @nuxtjs/tailwindcss in a plain nuxt project: $ yarn add @nuxtjs/tailwindcss yarn add v1.22.17 [1/4] Resolving packages...
Read more >
postcss-nesting - npm
Nest rules inside each other in CSS. Latest version: 10.2.0, last published: 3 months ago. Start using postcss-nesting in your project by ...
Read more >
postcss | Yarn - Package Manager
PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS...
Read more >
Upgrade Guide - Next.js
v13 Summary · The Supported Browsers have been changed to drop Internet Explorer and target modern browsers. · The minimum Node. · The...
Read more >
Advanced package manager features for npm, Yarn, and pnpm
pnpm stores dependencies in a nested node_modules folder, like npm, ... Then, you can also update npm itself to the most recent version....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found