웹사이트 검색
자바스크립트 - Angular 11에서 Tailwindcss 2 스타일이 작동하지 않습니다
저는 새로운 Angular 11 프로젝트에서 Tailwindcss를 사용해 보고 있습니다. 다음과 같은 개발 패키지를 설치했습니다.
NOTE: Removed other packages for simplicity "@angular-builders/custom-webpack": "^10.0.1", "@angular-devkit/build-angular": "~0.1100.2", "@angular/cli": "~11.0.2", " 더 많은 것을 읽으십시오 →reactjs - Turborepo React 앱이 Tailwind를 로드하지 못함
저는 현재 1개의 React Vite 앱과 tailwind-config 패키지를 가진 Turborepo로 모노레포를 만들었습니다. 그리고 지금 제 문제는 제 앱이 tailwind를 전혀 불러오지 않는다는 것입니다. 제 프로젝트 구조와 파일을 설명해 드리겠습니다.
root | |- packages | |- tailwind-config | `- apps |- containertailwind-config 모듈에는 기본 package.json, tailwind.config.js 및 postcss.config.js 파일이 포
더 많은 것을 읽으십시오 →타입스크립트 - React Native 프로젝트에서 TailwindCSS가 작동하지 않음
저는 Expo를 사용하여 React Native 앱을 만들었고 NativeWind의 도움으로 Tailwind CSS를 사용하려고 했습니다. 저는 다음 문서를 따라 했습니다:
여기에서 문서를 읽으세요...
버전 :
- react-native : 0.74.3
- nativewind: 2.0.11
- 타입스크립트: 5.3.3
- tailwindcss: 3.3.2
tailwind.config.js:
/** @type {impor 더 많은 것을 읽으십시오 →reactjs - React 프로젝트에서 Tailwindcss가 작동하지 않음
저는 Vite로 생성된 React-타입스크립트 프로젝트에 Tailwind를 통합하려고 하고 있습니다. Tailwind 설정 가이드를 단계별로 따라 했지만, 이제 이 경고가 나타나고 있습니다:
warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. warn - https://tailwindcss.com/docs/content-configuration이것은 제 디렉토리 구조입니다:
│ .eslintrc.json │ .gitignore │ .prettierrc │ index.html │ package-lock.json │ package.json │ postcss 더 많은 것을 읽으십시오 →javascript - Tailwind 플러그인에서 'theme' 사용하기
간단한 플러그인이 있습니다. 테마에서 변수를 어떻게 호출할 수 있나요? 이렇게 시도했습니다:
/** @type {Plugin} */ const plugin = require('tailwindcss/plugin'); module.exports = plugin(function ({ addBase, theme }) { return addBase({ '.test-1': {color: 'green'}, // it works '.test-2': theme('colors.amber.300') // doesn't work }); }); 더 많은 것을 읽으십시오 →typescript - Svelte, Skeleton, Tailwind npm 설치 오류
저는 svelte/typescript 세계에 꽤 새롭고, 어제부터 설치 후에 갑자기 몇 가지 오류가 발생했습니다. 며칠 전부터 똑같은 일을 했는데 무슨 일이 일어나고 있는지 이해할 수 없습니다.
이것이 내가 한 것입니다:
npm create svelte@latest diceGame cd diceGame npm install그런 다음 나는 스켈레톤을 설치했다
npm i @skeletonlabs/skeleton --save-dev그런 다음 나는 Tailwind를 설치했다
npx svelte-add@latest tailwindcss npm install지금 스크린샷에서 볼 수 있듯이 오류가 발생합니다
더 많은 것을 읽으십시오 →reactjs - Jest로 React 앱에서 Tailwind 가지치기 테스트하기
CRA 5에서 생성한 기본 웹팩 구성만 구현하고(여기에서도 구현됨), 커스텀 PostCSS 구성을 작성하지 않고 Jest로 Tailwind의 가지치기를 테스트할 수 있는 방법이 있나요?
Tailwind는 .test.tsx 파일 안의 모든 클래스를 무시하는 것 같고 출력에 포함하지 않습니다.
다음은 관련 파일입니다:
tailwind.config.js
module.exports = { content: ["./src/**/*.{html,js,jsx,ts,tsx,test.jsx,test.tsx}"], 더 많은 것을 읽으십시오 →타입스크립트 - iframe과 테일윈드 문제
제 프로젝트는 NextJS와 Tailwind를 사용하고 있으며, 제가 겪고 있는 문제는 다음과 같습니다. iframe 안에 일련의 컴포넌트를 표시하고 싶은데, 이를 수행한 후에는 클래스 형태로 준 Tailwind 스타일이 Chrome 브라우저에서 적용되지 않습니다. CDN 형태로 준 일부 스타일은 인식하지만, tailwind.config.ts를 통해 준 스타일은 인식하지 못하고, 다른 브라우저에서는 어떤 스타일도 인식하지 못합니다.
import React, { useState, useEffect, useRef } from 'react'; import { createPortal } from 'react-dom'; const IFrame = ({ children }: { children: React.ReactNode }) => { const [ref, setRef] = useState<any>(); const [render, seR 더 많은 것을 읽으십시오 →typescript - 타입 'tailwind types'에는 속성 'white'가 존재하지 않습니다
저는 TypeScript 초보이고 제가 무엇을 잘못하고 있는지 이해하려고 노력하고 있습니다.
저는 @types/tailwindcss 버전 2.2.4를 설치했고 테마 색상을 사용해야 하는 토스트를 만들려고 하고 있습니다. 그래서 코드가 다음과 같습니다:
import iziToast, {IziToastSettings} from "izitoast"; import resolveConfig from "tailwindcss/resolveConfig"; import tailwindConfi 더 많은 것을 읽으십시오 →reactjs - yarn 워크스페이스 모노레포와 vite, react, tailwind - VS Code가 패키지를 해결하지 못함
나는 yarn@3 워크스페이스를 사용하여 모노레포를 생성했습니다.
내 루트 package.json:
{ "name": "hello-yarn-workspaces", "packageManager": "[email protected]", "workspaces": [ &quo 더 많은 것을 읽으십시오 →