typescript - Hur delar man backend-typer med Vite (Preact-ts mall)?

Jag skulle vilja få tillgång till mina typer från backend (Express.js) i min Vite-app. Jag kan inte få det att fungera ordentligt.

Kan du snälla peka mig i rätt riktning så att jag enkelt kan dela typer mellan frontend och backend?

Här är hur jag vill att mina typer ska exporteras från backend:

filstruktur

typer/test/test-enhet.ts

export interface TestInterface { test: string; test2: number; }; export interface TestInter

Läs mer →

javascript - Importera JSON/JSONC-fil i vite/typescript-projekt

vill dela mina rutter mellan min actix-web backend och Vue med Vue-Router frontend utan att behöva ha filer som beskriver rutterna. Så när jag definierar rutterna i frontend vill jag inte ändra något för servern. Jag vet inte om det finns en bättre lösning, om så är fallet, var god berätta :D

Min routes.jsonc finns i min src-mapp. Varje rutt är av följande typ:\

route: { path: String; name: String; componentName: String }

Då konverteras mina rutter-str

Läs mer →

typescript - Vite inkludera .ts-fil i tsconfig.json och tsconfig.node.json

Jag har ett Vite + Vue-projekt med en ganska standard tsconfig.json-fil

{ "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "module": "ESNext", "moduleResolution": "Node", "strict": true, "jsx": "preserve", "resolveJsonModule": true, "isolatedModules": true, "esModuleInterop": tru

Läs mer →

reactjs - React-app med Vite som fungerar lokalt men inte efter bygg

Jag arbetar på ett React-Typescript-Vite-projekt som jag vill distribuera till Firebase Hosting. Appen fungerar bra lokalt (med npm run dev), men jag har problem med produktionen. Min app har i princip namnet på en butik som den första URL-undermappen och sedan en annan undermapp /entry för hemsidan. Så till exempel - http://localhost:5173/gucci/entry. Det intressanta är att på produktionen, om jag bara navigerar till https://myprojectname.firebaseapp.com/gucci (URL:en som hostar min app), se

Läs mer →

typescript - Hur man får vitejs att kompilera klassens privata fält till äldre kod?

Jag använder vitejs och typescript och jag vill sätta kompileringens mål till es2016, men det verkar som att klassens privata fält inte kompileras.

class Task { #prepare() { // here should be compiled. } }

Jag försökte ställa in build.target i vite.config.js och compilerOptions.target i tsconfig och det fungerar inte.

@vitejs/plugin-legacy omvandlar

Läs mer →

typescript - Varför rapporterar Vitest täckning för en fil som bara exporterar en enum?

Vi arbetar med en 100% gren-täckningspolicy. Vi spårar inte funktioner eller rader. Vi tycker att det är den bästa balansen mellan kodtäckning och produktivitet. Vi har för närvarande ett problem där vitest rapporterar följande fil som att ha två grenar:

export enum URL

Läs mer →

typescript - Att lägga till Vite till ett befintligt Angular v15-projekt fungerar inte som förväntat

Jag startade ett Angular-projekt med v15 (utan SSR), och efter en tid hörde jag om fördelarna med att använda Vite, så jag började undersöka hur man använder Vite i Angular-projekt. Inte mycket information fanns, men jag hittade dessa guider på YouTube och Medium.

Eftersom mitt projekt redan finns installerade jag bara Vite genom att köra:

yarn add -D vite

Jag använder inte bootstrapApplication-strategin utan bootstrapModule. Detta är min package.json:

Läs mer →

vue.js - Vite Vue 3 hot reload fungerar inte med TypeScript-filer separerade från .vue-komponenten

Jag har en Vue 3-applikation med Vite 4 konfigurerad och den varma omladdningen fungerar inte när jag gör en ändring i Typescript-filen.

Jag har följande struktur:

• MyComponent.vue
• MinKomponent.ts

Där MyComponent importerar .ts-skriptet och scss-filen, när jag gör en ändring i .vue-filen fungerar den varma omladdningen, men nu när jag ändrar TypeScript-filen som importeras i MyComponent.vue fungerar det inte men det visar loggen från den varma omladdningen

Läs mer →

reactjs - ladda wasm med react-ts och vitejs

Försöker lämna webpack och create-react-app för vitejs, men har problem med en wasm-fil.

import init from "swaplab2/dist/swaplab2.wasm?init"; import { setSwaplab2 } from "swaplab2"; export function TestPage(): React.ReactElement { const [swaplab2Loaded, setSwaplab2Loaded] = useState(false); use

Läs mer →

reactjs - Migrering från CRA till Vite bryter stilar

Jag migrerar mitt projekt från CRA till Vite och Typescript, det använder Material UI version 4 som komponentbibliotek. Problemet är att när jag nu kör projektet appliceras inte stilarna på komponenten, men om jag trycker cmd + s i VS Code på den komponentfilen, laddar Vite om och nu fungerar stilen. Vad kan det vara? Jag antar att det är någon konfiguration jag saknar.

Detta är ett komponentexempel med detta beteende:

Läs mer →