reactjs - monorepo yarn workspaces z vite, react, tailwind - VS Code nie może rozpoznać pakietów

Utworzyłem monorepo przy użyciu yarn@3 workspaces.

Mój główny package.json:

{ "name": "hello-yarn-workspaces", "packageManager": "[email protected]", "workspac

Czytaj więcej →

reactjs - create-react-app z TypeScript i Tailwind CSS; klasy użytkowe Tailwinda nie są stosowane

Przeszukiwałem wszystko, aby spróbować rozwiązać ten problem. Stworzyłem aplikację React z TypeScript i zainstalowałem Tailwind CSS, używając konfiguracji React pokazanej na stronie Tailwind tutaj.

Poniżej znajduje się mój kod i konfiguracja. Uruchamia się pomyślnie, gdy wykonuję npm run start, ale style Tailwind nie są stosowane.

App.tsx

import React from 'react'; import logo from './logo.svg'; import './App.css'; function App() { re

Czytaj więcej →

javascript - Ukryj div po kliknięciu na zewnątrz typescript, nextjs tailwindcss

Mam modal z TypeScript, Next.js i TailwindCSS. Chcę ukryć modal po kliknięciu poza modalem. Ale dostaję błędy typów i inne błędy w TSX.

W jsx działa to dobrze, ale w tsx nie działa. Będę bardzo, bardzo wdzięczny, jeśli ktoś mi w tym pomoże. Z góry dziękuję.

import { useRef, useEffect

Czytaj więcej →

reactjs - Używanie dowolnych łańcuchów wykonawczych do pozycjonowania klas Tailwind CSS

Jak mogę określić pozycję elementu div na podstawie danych w czasie wykonywania? Czy powinienem użyć jakiegoś hooka, aby ustawić ciąg className? Często okazuje się, że tego rodzaju problemy powodowane są przez kwestie asynchroniczne.

Tak czy inaczej, miałem nadzieję, że ktoś

Czytaj więcej →

javascript - Element span nie wyświetla się wewnątrz div w komponencie React z Tailwind CSS

Pracuję nad komponentem React, który używa Tailwind CSS do stylizacji, i napotykam problem, w którym element nie wyświetla się wewnątrz elementu . Próbuję stworzyć karuzelę wideo, w której każde wideo ma odpowiadający mu wskaźnik, a wskaźnik zawiera element dla

Czytaj więcej →

reactjs - W Tailwind v4, jak definiować niestandardowe kolory i używać ich w trybie ciemnym i jasnym bez użycia :dark?

Używam Tailwind CSS v4 i chcę zdefiniować własne kolory, które będą automatycznie przełączać się między trybami jasnym i ciemnym. Zamiast używać prefiksu dark: dla każdej klasy

Czytaj więcej →

reactjs - Otrzymywanie błędów w tsconfig.json po dodaniu Tailwindcss v3 do Nextjs (create-next-app --typescript)

Oto błąd w VS Code

Cannot find type definition file for 'accepts'. The file is in the program because: Entry point for implicit type library 'accepts'

Próbowałem zainstalować typy dla 'accepts' używając "yarn add @types/accepts", ale wtedy pojawia się ten sam błąd dla "body-parser" i dalej pokazuje kolejne błędy, mówiąc mi, żebym dodał typy dla różnych pakietów, które są mi nieznane.

Wersje pakietów:

"next": "^12.0.8"

Czytaj więcej →

reactjs - Tailwind nie stosuje stylów do komponentów w folderze pages

Projekt NextJS został już utworzony z obsługą Tailwind, więc nie konfigurowałem go samodzielnie

Kiedy dodaję className do elementu HTML w komponencie w folderze pages/, po prostu to nie działa, mimo że panel Elements w DevTools pokazuje, że className jest obecny

Próbowałem dodać komponent w katalogu src/app/ z klasami tailwind i działa to dobrze

Widziałem g

Czytaj więcej →

typescript - Style Tailwind CSS nie renderują się w aplikacji Svelte

Skonfigurowałem aplikację Svelte używając "npm create vite@latest", wybierając Svelte i TypeScript. Używam Vite jako serwera, a także zainstalowałem TailWind CSS zgodnie z instrukcjami tutaj.

Mój kod tailwind.config.cjs:

/** @type {import('tailwindcss').Config} */ module.exports = { content: ['./

Czytaj więcej →

typescript - Pakowanie komponentu webowego stworzonego za pomocą lit-element przy użyciu rollup, postcss i frameworku tailwind

Próbuję spakować działający webcomponent napisany przy użyciu lit-element/lit-html z frameworkiem tailwind używając wtyczki postcss pakera rollup.

W moim folderze docelowym dist/ po

Czytaj więcej →