تایپ‌اسکریپت - Svelte Swiper باعث ظاهر شدن @ غیرمنتظره در /swiper/swiper.scss شده است
پس، من در حال ساخت یک سایت با استفاده از Svelte هستم و برای یکی از قابلیت‌ها از Swiper استفاده می‌کنم، اما با این خطا مواجه می‌شوم که می‌گوید [!] Error: Unexpected character '@' (توجه داشته باشید که برای وارد کردن فایل‌هایی که جاوااسکریپت نیستند، به افزونه نیاز دارید). بنابرا
ادامه مطلب →html - بازنویسی CSS جهانی در یک کامپوننت جدید Angular
من به کمی کمک در مورد CSS نیاز دارم چون CSS من خیلی کهنه و فراموش شده است. بنابراین، من روی پروژه‌ای کار می‌کنم که چند فایل CSS سراسری دارد و برای تگ‌های مختلف خواصی تعریف شده است (مثلاً .btn). من از یک کتابخانه خارجی به نام Form.io در پروژه خود استفاده می‌کنم اما این فایل‌های CSS سراسری باعث می‌شوند فایل‌های CSS از
ادامه مطلب →css - چرا ماژول scss با تایپ‌اسکریپت ویژگی .default دارد
وقتی با ماژول‌های SCSS در محیط تایپ‌اسکریپت کار می‌کنم، ماژول‌های من در یک ویژگی به نام default ذخیره می‌شوند
دکمه.style.scss
.button { background-color: black; }index.tsx
import * as React from 'react'; import * as styles ادامه مطلب →جاوااسکریپت - استایل‌های CSS روی innerHTML اعمال نمی‌شوند
من در فایل TS خود یک کارت بوت‌استرپ را با innerHTML نمایش می‌دهم اما سبک‌ها روی این محتوا اعمال نمی‌شوند، فکر می‌کنم شاید به این دلیل باشد که سبک‌ها قبل از اینکه کامپوننت کارت را نمایش دهد بارگذاری می‌شوند، بنابراین سبک‌ها کار نمی‌کنند، آیا پیشنهادی دارید؟ من از Angular 12 استفاده می‌کنم
کد TS من:
constructor(privat ادامه مطلب →reactjs - نمی‌توان از تم MUI با ویژگی css از Emotion استفاده کرد
من در حال تلاش برای پیاده‌سازی یک تم تاریک در برنامه وب هستم و استایل‌های خود را از فقط styles.css با بازنویسی با !important به prop css از emotion منتقل کرده‌ام.
در اینجا کد از App.tsx است، جایی که من تم خود را ایجاد می‌کنم و از ThemeProvider استفاده می‌کنم
const theme = createTheme({ typography: { allVariants: { fontFamily: 'SFCompactDisplay', }, }, palette: { primary: { main: '#0052cc', }, }, }); console.log(theme); const App: React ادامه مطلب →reactjs - چرا نمی‌توانم از توکن‌های stitches در ویژگی css استفاده کنم؟
من معتقدم سؤال من برای کسانی که روزانه با دوخت‌ها کار می‌کنند ساده است.
من پست پدرو دوآرته را دنبال می‌کردم و دیدم که راهی برای ایجاد یک فایل پیکربندی وجود دارد، یعنی stitches.config.ts.
من این کار را انجام دادم، با این حال، وقتی سعی کردم از توکن‌ها استفاده کنم، کار نکرد، اینطور تعریف شده بود:
ادامه مطلب →reactjs - ایجاد برنامه با create-react-app با TypeScript و Tailwind CSS؛ کلاس‌های کمکی Tailwind اعمال نمی‌شوند
من کل جاها را جستجو کرده‌ام تا سعی کنم این مشکل را حل کنم. من یک اپلیکیشن React با TypeScript ایجاد کرده‌ام و Tailwind CSS را با استفاده از تنظیمات React که در سایت Tailwind در اینجا نشان داده شده، نصب کرده‌ام.
در زیر کد و پیکربندی من آمده است. وقتی npm run start را اجرا می‌کنم، با موفقیت اجرا می‌شود، اما استایل‌های Tailwind اعمال نمی‌شوند.
اپ.tsx
import React from 'react'; import logo from './logo.svg'; import './App.css'; function App ادامه مطلب →reactjs - امکان اعمال CSS روی محتوای پورتال React وجود ندارد
من دارم تلاش می‌کنم از پورتال React برای رندر یک پورتال استفاده کنم، بنابراین دو div ایجاد کردم. یکی برای پس‌زمینه و یکی برای پورتال واقعی داخل فایل index.html.
<div id="backdrop-root"></div> <div id="overlay-root"></div> <div id="root"></div>کد پورتال من:
const Backdrop = () => { return <div className="backdrop" />; }; const ModalOverlay = () =&g ادامه مطلب →جاوااسکریپت - پنهان کردن دیو هنگام کلیک بیرون تایپ‌اسکریپت، نکست‌جی‌اس، تیلویندسی‌اس‌اس
من یک مودال با تایپ‌اسکریپت، نکست‌جی‌اس و تلویند‌سی‌اس دارم. می‌خواهم وقتی بیرون مودال کلیک می‌کنم، مودال مخفی شود. اما در فایل tsx با برخی خطاهای نوع و خطاهای دیگر مواجه می‌شوم.
در jsx به‌خوبی کار می‌کند ولی در tsx کار نمی‌کند. خیلی خیلی ممنون می‌شوم اگر کسی در این مورد به من کمک کند. پیشاپیش از ش
ادامه مطلب →reactjs - استفاده از رشته‌های زمان اجرا دلخواه برای موقعیت‌یابی کلاس‌های Tailwind CSS
چگونه می‌توانم موقعیت یک دیو را از داده‌های زمان اجرا مشخص کنم؟ آیا باید از یک هوک برای تنظیم رشته className استفاده کنم؟ متوجه شده‌ام که اغلب اوقات این مشکلات ناشی از مسائل ناهمزمان است.
به هر حال، امیدوار بودم کسی بتواند مرا به سمت درست راهنمایی کند، ممکن است کاری که می‌خو
ادامه مطلب →