typescript - Ο Svelte Swiper προκαλεί απροσδόκητο @ στο /swiper/swiper.scss

Λοιπόν, φτιάχνω ένα site χρησιμοποιώντας το Svelte και χρησιμοποιώ το Swiper για μία από τις λειτουργίες, αλλά λαμβάνω αυτό το σφάλμα που αναφέρει [!] Error: Unexpected character '@' (Σημειώστε ότι χρειάζεστε plugins για να εισάγετε αρχεία που δεν είναι JavaScript). Αυτό σημα

Διαβάστε περισσότερα →

html - Υπερκάλυψη του παγκόσμιου css σε ένα νέο component στο Angular

Χρειάζομαι λίγη βοήθεια με το CSS καθώς το CSS μου είναι πολύ ξεθωριασμένο. Επομένως, δουλεύω σε ένα έργο που έχει μερικά παγκόσμια αρχεία CSS και αυτά έχουν καθορισμένες ιδιότητες για διάφορες ετικέτες (π.χ. .btn). Χρησιμοποιώ μια εξωτερική βιβλιοθήκη που ονομάζεται Form.io στο έργο μου, αλλά αυτά τα παγκόσμια αρχε

Διαβάστε περισσότερα →

css - Γιατί ένα module scss με typescript έχει ιδιότητα .default

Όταν δουλεύω με μονάδες scss σε περιβάλλον typescript, οι μονάδες μου αποθηκεύονται σε μια ιδιότητα που ονομάζεται default

Button.style.scss

.button { background-color: black; }

index.tsx

import * as React from 'react'; imp

Διαβάστε περισσότερα →

javascript - Τα στυλ CSS δεν εφαρμόζονται στο innerHTML

Εμφανίζω μια κάρτα bootstrap με innerHTML στο αρχείο TS μου αλλά τα στυλ δεν εφαρμόζονται σε αυτό το περιεχόμενο. Νομίζω ίσως οφείλεται στο γεγονός ότι τα στυλ φορτώνονται πριν εμφανίσει το component την κάρτα, οπότε τα στυλ δεν λειτουργούν. Έχεις κάποια συμβουλή για αυτό; Χρησιμοποιώ Angular 12.

ο κώδικάς μου TypeScript:

Διαβάστε περισσότερα →

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); con

Διαβάστε περισσότερα →

reactjs - Γιατί δεν μπορώ να χρησιμοποιήσω το token του stitches στο css prop;

Πιστεύω ότι η ερώτησή μου είναι απλή για όσους εργάζονται με ράμματα καθημερινά.

Ακολουθούσα την ανάρτηση του Pedro Duarte και είδα ότι υπάρχει τρόπος να δημιουργηθεί ένα αρχείο διαμόρφωσης, δηλαδή stitches.config.ts.

Έκανα αυτό, ωστόσο, όταν προσπάθησα να χρησιμοποιήσω τα tokens δεν λειτουργούσε, είχε ορ

Διαβάστε περισσότερα →

reactjs - create-react-app με TypeScript & Tailwind CSS· οι κλάσεις βοηθητικού υλικού του Tailwind δεν εφαρμόζονται

Έχω ψάξει παντού για να προσπαθήσω να λύσω αυτό το πρόβλημα. Δημιούργησα μια εφαρμογή React με TypeScript και εγκατέστησα το Tailwind CSS χρησιμοποιώντας τη ρύθμιση για React που εμφανίζεται στην ιστοσελίδα του Tailwind εδώ.

Παρακάτω είναι ο κώδικας και οι ρυθμίσεις μου. Εκτελείται με επιτυχία όταν κάνω npm run start, αλλά τα στυλ του Tailwind δεν εφαρμόζονται.

App.tsx

import React from 'react'; import logo from './logo.svg'; import './A

Διαβάστε περισσότερα →

reactjs - Δεν ήταν δυνατή η εφαρμογή CSS στο περιεχόμενο του React portal

Προσπαθώ να χρησιμοποιήσω το React portal για να εμφανίσω ένα portal, οπότε δημιούργησα δύο div. Ένα για το υπόβαθρο και ένα για το πραγματικό portal μέσα στο αρχείο index.html.

<div id="backdrop-root"></div> <div id="overlay-root"></div> <div id="root"></div>

Ο κωδικός μου για το Πορτάλ:

const Backdrop = () => { return <div className="backdrop" />

Διαβάστε περισσότερα →

javascript - Απόκρυψη div με κλικ εκτός Typescript, Nextjs Tailwindcss

Έχω ένα modal με TypeScript, Next.js και TailwindCSS. Θέλω να κρύψω το modal όταν κάνω κλικ έξω από το modal. Αλλά παίρνω κάποια σφάλματα τύπου και άλλα σφάλματα στο tsx.

Στο jsx λειτουργεί καλά αλλά στο tsx δεν λειτουργεί. Θα ήμουν πολύ-πολύ ευγνώμων αν κάποιος με βοηθούσε σε αυτό. Ευχαριστώ εκ τω

Διαβάστε περισσότερα →

reactjs - Χρήση αυθαίρετων συμβολοσειρών χρόνου εκτέλεσης για την τοποθέτηση τάξεων Tailwind CSS

Πώς μπορώ να καθορίσω τη θέση ενός div από δεδομένα κατά το χρόνο εκτέλεσης; Θα πρέπει να χρησιμοποιήσω κάποιο hook για να ορίσω το string του className; Διαπιστώνω ότι πολλές φορές είναι προβλήματα ασύγχρονης εκτέλεσης που προκαλούν αυτό το είδος προβλήματος.

Τέλος πάντων,

Διαβάστε περισσότερα →