Zoeken op website
javascript - Hoe krijg ik toegang tot HTML-elementen in Angular 7 (of hoger) wanneer CSS niet werkt?
Ik heb alle vergelijkbare vragen hier op Stack Overflow doorzocht die ik kon vinden. Ik ben een Angular-nieuweling, maar ik kan meestal iets in elkaar zetten om UX- en UI-ontwerp te laten werken voor demonstratiedoeleinden.
Op dit moment heb ik twee HTML-gebaseerde componenten op verschillende plaatsen op mijn pagina. Een van die componenten is een versie met een foto op de ene helft van de pagina en tekst op de andere helft. Ik zal proberen dit te demonstreren:
Lees verder →reactjs - Fout bij het gebruik van css-modules in typescript react met webpack-configuratie
Er is eigenlijk een vergelijkbare vraag: Hoe los ik TypeScript-compilerfouten op bij CSS-bestanden?
Dus ik probeer een CSS-module te importeren in TypeScript, zoals dit:
import * as styles from "./App.css"; //App.tsx return some jsx: <h3 className={styles["background"]}>CSS Here</h3> // ./App.css .background { background-color: pink; }Ik heb css-loader en style-loader voor webpack geïnstalleer
Lees verder →reactjs - Hoe kun je CSS-modules gebruiken samen met Typescript, React en Webpack?
Ik ben slechts een herbruikbare component aan het bouwen in React en daarom bouw ik niet met react-create-app en probeer ik alles vanaf nul te configureren.
Mijn probleem is dat ik steeds de volgende fout krijg: TS2307: Kan module './styles/styles.css' of de bijbehor
Lees verder →reactjs - AG-grid scss/css token probleem in react
Ik heb een probleem met het werken met ag-grid-react. Ik blijf een foutmelding krijgen die luidt:
FOUT in ./node_modules/ag-grid-community/dist/styles/ag-grid.scss 8:73 Module parsing mislukt: Onverwacht teken (8:73)
Mijn webpack-regel is:
module.exports = { module: { rules: [ { test: /\.css$/, use: ["style-loader", "css-loader"] }, ], }, module: { rules: [ { Lees verder →reactjs - Geen overbelasting komt overeen met deze aanroep Fout bij het gebruik van css-in-js in Typescript, Webpack, React Project
Ik heb een Webpack-, Typescript- en React Hooks-project waarin ik CSS-in-js gebruik om stijlen door te geven aan een div. Ik krijg de volgende foutmelding wanneer ik over de style-prop in de Menu-component hover. Ik weet niet zek
Lees verder →Hoe publiceer je een op TypeScript gebaseerde npm-module die CSS-modules bevat?
Ik ontwikkel een interne TypeScript-gebaseerde bibliotheek voor gedeelde React-componenten. Het buildproces is eenvoudigweg tsc gevolgd door publiceren naar het interne npm-register. Er is geen behoefte aan een gecompliceerd Babel-compilatieproces, omdat de buildartefacten alleen binnen het team worden gebruikt en de juiste transpilatie op deze bibliotheek wordt uitgevoerd wanneer de consumenttoepassingen hun Webpack-bundelproces uitvoeren.
Problemen begonnen te ontstaan to
Lees verder →reactjs - CSS wordt niet toegepast bij gebruik met React, TypeScript en typescript-plugin-css-modules
Ik heb een setup met React en Typescript en ik probeer CSS-modules te importeren en te gebruiken. Ik heb de typescript-plugin-css-modules geïnstalleerd en het tsconfig.json aangepast door "plugins": [{ "name": "typescript-plugin-css-modules" }] toe te voegen. Ook heb ik een Global.d.ts die bevat
declare module "*.module.css" { const classes: { [key: string]: string }; export default c Lees verder →Vreemd gedrag van CSS-klasse in td met rowspan (Angular)
Ik gebruik een aangepaste CSS-klasse genaamd 'td-group' om td's met een rowspan aan te passen, specifieker [attr.rowspan] aangezien ik Angular gebruik. In het kort: de CSS-stijl wordt niet altijd correct toegepast, ik heb overal gekeken en alles geprobeerd en ik heb het nog steeds niet opgelost. De bug doet zich alleen voor in Chrome en nooit in Edge. Hier is de afbeelding van de bug
<tr *ngFor="let r of list; let i = index"> <ng-container *ngIf= Lees verder →typescript - Next.js build mislukt te compileren (HookWebpackError: <css input>:61:1: Gemiste puntkomma)
Het probleem:
next.js kan het build-commando niet uitvoeren, ook al kan ik het zonder problemen in de ontwikkelingsmodus draaien. Er wordt gezegd dat er een puntkomma ontbreekt in de css. Natuurlijk ontbreekt er geen, het zou niet compileren in de dev-modus als dat zo was. En ter algemene informatie: ik gebruik css-modules voor dit project. Dus al mijn css is name.module.css.
hier is de waarschuwing die de console geeft, en het is de volledige stackt
Lees verder →node.js - Hoe CSS van een node-module bundelen in een VSCode-extensie
Mijn Visual Studio Code-extensie gebruikt de node-module highlight.js, die wordt geleverd met een map vol CSS-bestanden. Deze bieden kleurenschema's voor syntaxiskleuring. Het is noodzakelijk geworden om enkele van de CSS-bestanden mee te bundelen.