reactjs - CSS-bestanden importeren in TypeScript-bestanden met gebruik van aliassen, webpack

Ik heb een project opgezet met webpack, react en typescript. Ik probeer nu aliassen voor imports te gebruiken, wat voor het grootste deel goed werkt. Ik kan echter het importeren van css-bestanden niet werkend krijgen met aliassen.

Ik heb het volgende deel toegevoegd aan mijn webpack.

Lees verder →

html - CSS-animatie werkt niet totdat erop wordt geklikt in Angular

Ik probeerde een automatisch schuifbalk van rechts naar links te maken met een array van gegevens in Angular. Op dit moment werkte de animatie niet totdat de gebruiker erop klikte. Ik heb changedetectorref, setTimeout() en het handmatig activeren van het klik-evenement geprobeerd, maar niets werkt. Help me alsjeblieft om dit op te lossen.

De observatie is dat de gegevens die van de backend zijn opgehaald worden ontvangen en weergegeven (this.offer heeft zijn juiste waarde),

Lees verder →

Importeer een scss-bestand in een Angular-bibliotheek TypeScript-bestand

Ik heb een Angular-werkruimte met een bibliotheek en een applicatie die die bibliotheek zal gebruiken.

Ik probeer een .scss-bestand te importeren in een .ts TypeScript-bestand binnen de bibliotheek.

Dus ik heb een bestand toegevoegd genaamd global.d.ts aan de src-map van de bibliotheek met de volgende inhoud

declare module '*.scss' { const content: { [className: string]: string }; export = content; }

daarna verwees ik ernaar in het tsconfig.lib.js

Lees verder →

reactjs - Ik ondervind enkele problemen bij het importeren van CSS-modules en het gebruiken ervan in classname

//hier is de import van het CSS-module

en wanneer ik het bijvoorbeeld binnen mijn div gebruik className={styles.iAmClass}, geeft het me een waarschuwing dat iAmClass niet geëxporteerd is vanuit './global-offices.module.css' hier is het css-bestand:

.wrapper { height: 100%; width: 100%; overflow: hid

Lees verder →

reactjs - Typefout: Module '"@emotion/react"' heeft geen geëxporteerd lid 'css'

Waarschijnlijk een amateursvraag, maar ik kan het niet oplossen.

Ik heb yarn add @emotion/styled && yarn add @emotion/react gedaan om te gebruiken in Next.JS. Het draait perfect in de ontwikkelingsmodus yarn run dev, maar ik kan het niet bouwen vanwege de foutmelding die zegt

Type error: Module '"@emotion/react"' has no exported member 'css'. > 1 | import { css } from "@emotion/react"; | ^ 2 | 3 | e

Lees verder →

Beste manier om een nieuwsticker weer te geven in HTML/CSS/Javascript

We hebben een ticker onderaan een HTML-pagina die nieuws toont, net zoals een nieuws ticker op tv. We gebruiken momenteel requestAnimationFrame hiervoor, maar we merken dat het niet altijd soepel animeert en ik vraag me af of iemand weet wat de beste praktijk hiervoor zou zijn.

Ten eerste hebben we geprobeerd het op een Raspberry Pi te draaien en het kon het niet goed weergeven, wat we ook probeerden.

Ten tweede draaien we het op een Windows-pc in een Chrome-browser e

Lees verder →

reactjs - Tailwindcss werkt niet voor react-project

Ik probeer Tailwind te integreren in mijn React-Typescript-project dat met Vite is gemaakt. Ik heb de Tailwind-configuratiehandleiding stap voor stap gevolgd, maar ik krijg nu deze waarschuwing:

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

Dit is mijn directorystructuur:

│ .eslintrc

Lees verder →

reactjs - Typescript + webpack kan scss-module niet bouwen

Ik heb de typescript, webpack en scss correct werkend, en wil het naar het volgende niveau tillen door modules in te schakelen. Dit is wat ik heb:

in declaration.d.ts:

declare module '*.module.scss' { const classes: { readonly [key: string]: string }; export default classes; }

In webpack.config.js:

{ test: /.module.(sass|scss)$/, exclude: /node_modules/, use: [ 'style-loader', 'css-modules-typesc

Lees verder →

typescript - Hoe css-bestanden van SweetAlert 2 te bewerken

Hallo, ik gebruik SweetAlert 2 om enkele waarschuwingen aan een project te tonen.

Het zou er zo uit moeten zien

maar het doet het zo

En het is vanwege deze stijl

Lees verder →

reactjs - gebruik van :hover als een eenvoudige pseudo-klasse in csstype voor typescript/react

Ik gebruik csstype in een React-componentbibliotheek. Ik wil een hover-effect toevoegen, dat wordt ondersteund via eenvoudige pseudo's. Helaas kan ik geen enkel voorbeeld hiervan vinden en ik krijg het niet aan de praat.

Ik heb hieronder wat code toegevoegd die het idee uitdrukt van wat ik wil doen, maar ik heb er eigenlijk geen idee van.

import CSS from "csstype"; export const DropdownContainer: CSS.Properties = { display: "grid", gridTemplateColu

Lees verder →