TailwindCSS | react@2.x builder fail to install dependencies through yarn

Store Development Store Framework
1

Good morning guys,

I am working on a project in which within the main folder we have the “node” folder for backend stuff and the “react” folder for the react application we insert in the checkout. I am trying to install “TailwindCSS” inside the react folder but I am getting the following problem:

image
image1021×308 50.4 KB

I saw some similar problems here in the Community but none of the answers helped me.

My “resolutions” in package.json is below:

image

Thanks in advance.

2

Olá @guycanella, tudo bem?

A versão atual do TailwindCSS v3.3.2 tem um " Changed":

Drop support for Node.js v12

Então neste caso eu tentaria ir baixando a versão do TailwindCSS no resolutions para alguma que seja compatível com o node 12.

´s

3

Bom dia André,

cara não funcionou. No caso começa a dar outros erros. Então, não tem como instalar o tailwindcss 3.3.2 por causa da versão do Node? Não tem como atualizar a versão do Node do builder da VTEX?

4

Oi @guycanella

Tem um thread aqui na comunidade onde a @laricia que trabalha na VTEX que comenta:

A versão do Node que utilizamos no IO é a 12.16.1 , por isso esse erro ocorre apesar da versão do Node na sua máquina estar mais atualizada.

Dai olhando para o package.json da v.3.2.4 podemos ver que é a versão mais atualizada que utiliza um versão compatível com o Node que corre nos workspaces do IO.

  "engines": {
    "node": ">=12.13.0"
  }