reactjs - monorepo com yarn workspaces, vite, react, tailwind - O VS Code não consegue resolver pacotes
Criei um monorepo usando yarn@3 workspaces.
O meu package.json raiz:
{ "name": "hello-yarn-workspaces", "packageManager": "[email protected]", "workspaces" Ler mais →reactjs - create-react-app com TypeScript e Tailwind CSS; as classes utilitárias do Tailwind não estão a ser aplicadas
Tenho procurado por toda a parte para tentar resolver este problema. Criei uma aplicação React com TypeScript e instalei o Tailwind CSS usando a configuração do React mostrada no site do Tailwind aqui.
Abaixo está o meu código e configuração. Ele executa com sucesso quando faço um npm run start, mas os estilos do Tailwind não são aplicados.
App.tsx
import React from 'react'; import logo from './logo.svg'; import './App.css'; function Ap Ler mais →javascript - Esconder div ao clicar fora typescript, nextjs tailwindcss
Tenho um modal com TypeScript, Next.js e TailwindCSS. Quero esconder o modal quando clico fora do modal. Mas estou a ter alguns erros de tipo e outros em TSX.
Em jsx funciona bem, mas em tsx não está a funcionar. Ficarei muito, muito agradecido se alguém me puder ajudar com isto. Obrigado antecipad
Ler mais →reactjs - Utilização de strings de tempo de execução arbitrárias para posicionamento de classes CSS do Tailwind
Como posso especificar a posição de um div a partir de dados em tempo de execução? Devo usar algum hook para definir a string className? Muitas vezes, acho que são problemas assíncronos que causam este tipo de problema.
De qualquer forma, eu esperava que alguém pudesse indic
Ler mais →javascript - Elemento span não está a ser exibido dentro de div em componente React com Tailwind CSS
Estou a trabalhar num componente React que usa Tailwind CSS para a estilização, e estou a encontrar um problema onde um elemento não está a ser exibido dentro de um . Estou a tentar criar um carrossel de vídeos onde cada vídeo tem um indicador correspondente, e
Ler mais →reactjs - No Tailwind v4, como definir cores personalizadas e usá-las nos modos escuro e claro sem usar :dark?
Estou a usar Tailwind CSS v4 e quero definir cores personalizadas que mudem automaticamente entre os modos claro e escuro. Em vez de usar o prefixo dark: para cada classe, quer
Ler mais →reactjs - A obter erros em tsconfig.json após adicionar Tailwindcss v3 ao Nextjs (create-next-app --typescript)
Aqui está o erro no VS code
Cannot find type definition file for 'accepts'. The file is in the program because: Entry point for implicit type library 'accepts'Tentei instalar tipos para 'accepts' usando "yarn add @types/accepts", mas depois mostra o mesmo erro para "body-parser" e continua a aparecer e a dizer-me para adicionar tipos para diferentes pacotes que me são desconhecidos.
Versões dos Pacotes:
"next": "^12.0.8&q Ler mais →reactjs - O Tailwind não aplica estilos em componentes na pasta pages
O projeto NextJS já foi criado com suporte a Tailwind, por isso não o configurei eu próprio
Quando adiciono className a um elemento HTML num componente na pasta pages/, simplesmente não funciona, mesmo que o painel Elements nas DevTools mostre que o className está presente
Tentei adicionar um componente no diretório src/app/ com classes do Tailwind e funcionou be
Ler mais →typescript - Estilos do Tailwind CSS não estão a ser renderizados na aplicação Svelte
Configurei uma aplicação Svelte usando "npm create vite@latest", escolhendo utilizar Svelte e TypeScript. Estou a usar o Vite como servidor, e também instalei o TailWind CSS conforme as instruções aqui.
O meu código tailwind.config.cjs:
/** @type {import('tailwindcss').Config} */ module.exports = { Ler mais →typescript - Empacotamento de componente web feito com lit-element usando rollup, postcss e framework tailwind
Estou a tentar empacotar um webcomponent funcional escrito usando lit-element/lit-html com o framework tailwind usando o plugin postcss do empacotador rollup.
Na minha pasta de destino dist/
Ler mais →