טייפסקריפט - סוולט, שלד, טיילווינד התקנת npm שגיאה

אני די חדש בעולם של svelte/typescript ומאז אתמול פתאום אני מקבל כמה שגיאות לאחר ההתקנה. עשיתי את אותם הדברים בדיוק כמה ימים אחורה ואני לא יכול להבין מה קורה.

זה מה שעשיתי:

npm create svelte@latest diceGame cd diceGame npm install

אז התקנתי את Skeleton

npm i @skeletonlabs/skeleton --save-dev

אז התקנתי את Tailwind

npx svelte-add@latest tailwindcss npm install

עכשיו אני מקבל שגיאה כפי שאתה יכול לרא

קרא עוד →

svelte + rollup + typescript + נתיבי tsconfig: לגרום לקבצים עם סיומת .svelte להיות ניתנים לייבוא באמצעות נתיב מוחלט

האם מישהו מחזיק בידע סודי איך לגרום לזה לעבוד? אני מנסה להמיר מייבוא יחסי לייבוא מוחלט באמצעות מסלולי tsconfig ויש לי בעיות בפתרון של קבצי *.svelte.

tsconfig.json:

{ "extends": "@tsconfig/svelte/tsconfig.json", "compilerOptions": { "baseUrl": ".", "lib": [ "dom", "es2020" ], "paths": { //❗ "~/*": [ "src/*" ] }

קרא עוד →

javascript - איך אני מקליד נכון משתנה מופע של קומפוננט Svelte?

אני לומד איך להשתמש ב-Svelte, במיוחד איך לקשור לאינסטנס של קומפוננטה, כרגע במדריך כאן: https://svelte.dev/tutorial/component-this

אני מנסה להמיר את המדריך ל-TypeScript תוך כדי שאני מתקדם.

אני מקבל שגיאה מהקומפיילר של TypeScript (רץ דרך ESLint).

קוד

<!-- ./ComponentInstance.svelte --> <script lang="ts"> import InputField from './Input.svelte'; // field is the child component! let field: InputField;

קרא עוד →

javascript - איך להבהיר רכיבי סוולט?

יש לי את סוג ה-TypeScript הבא:

type ItemTypes = (GameItem & { id: undefined }) | (CurrencyItem & { id: string });

ה-GameItem הוא אובייקט שאין לו את התכונה "id", לכן בדרך כלל הייתי מפריד אותו כך ב-TS:

if (item.id !== undefined) { // CurrencyItem } else { // GameItem }

קרא עוד →

Astro, TypeScript ו-svelte-check

אני בונה פרויקט פרונטאנד באמצעות Astro. עבור כמה קומפוננטות דינמיות הוספתי את Svelte כפריימוורק של ממשק משתמש.

עכשיו אני רוצה לשלב את svelte-check, אבל הפקודה נכשלה בגלל: הערות טיפוס יכולות לשמש רק בקבצי TypeScript.

למשל export let languageCode: string נראה שאינו נכון, למרות שפרויקט Astro מתכנס

קרא עוד →

TypeScript - נקודות הניווט של הקרוסלה ב-Svelte אינן משנות צבע בעת מעבר השקופיות

אני עובד על קומפוננטת קרוסלה באמצעות schadcn-svelte ו-embla carousel. הלחיצה הראשונית על הנקודה 2 מעבירה את השקף מ-שקף 1 לשקף 2, וסגנונות הנקודה הפעילה מתעדכנים בצורה מושלמת. עם זאת, לאחר התגובה הראשונית הזאת, מצב הנקודות הניווט הפעיל מפסיק להתעדכן, והמעברים בין השקפים מאח

קרא עוד →

לא מצליח להשתמש בסוגים מותקנים עם TypeScript ב-Svelte

הייתה לי תקופה קשה לנסות לגרום לפרויקט שלי להידמות עם סוג מותקן. אני משתמש ב-MediaRecorder, והתקנתי את @types/dom-mediacapture-record. עם ההגדרות המוגדרות כברירת מחדל לא הצלחתי לגרום ל-MediaRecorder להיות מוכר.

הצלחתי לגרום לדברים לעבוד על ידי 1) לא להרחיב את @tsconfig/svelte/tsconfig.json ו-2) ל

קרא עוד →

typescript - Svelte Swiper גורם ל-@ בלתי צפוי ב-/swiper/swiper.scss

אז, אני בונה אתר באמצעות Svelte ואני משתמש ב-Swiper לאחת הפונקציות, אבל אני מקבל את השגיאה הזו שמציינת [!] Error: Unexpected character '@' (שים לב שאתה צריך תוספים כדי לייבא קבצים שאינם JavaScript). אז זה אומר שאני לא יכול להשתמש בפקודת @import ב-SCSS, ומחקר שלי מצא שהאפליקצי

קרא עוד →

ייבוא - שגיאה בייבוא מודולי TypeScript שכתבת בעצמך לרכיב Svelte

אני מנסה לייבא מודול TypeScript שכתבתי בעצמי לרכיב Svelte. עם זאת, אני מקבל את השגיאה הבאה כאשר אני מנסה לייבא את המודול עם השורה הבאה

אנו מקבלים את השגיאה הבאה:

אז ניס

קרא עוד →

typescript - איך לייבא enum באמצעות כינוי נתיב ב-Svelte Kit?

הבעיה

אני לא יכול לייבא Enum מקובץ .ts לתוך קומפוננטת __layout.svelte באמצעות קיצור דרך של נתיב.

יש לי ממשק שאני יכול לייצא ולהשתמש בו ללא בעיה דרך כינוי הנתיב. ייבוא של enum גורם לשגיאה: לא ניתן למצוא מודול...

עם זאת, ייבוא ה-

קרא עוד →