SvelteKit با تایپ‌اسکریپت، هیچ IntelliSense داخل HTML ندارد؟

من یک کامپوننت صفحه ساده دارم، اما IntelliSense داخل HTML کار نمی‌کند... همچنین بعد از تغییر نام یک property، در داخل HTML تغییر نمی‌کند و فقط خراب می‌شود... نسخه TypeScript: 4.8.4. این هم کد من:

<script lang="ts"> import type { Blog } from "$lib/store/BlogStore"

ادامه مطلب →

svelte - خطای Typescript با SvelteKit و واکشی داده‌های Supabase (نوع 'null' قابل انتساب به نوع 'ArrayLike' نیست)

من یک پروژه SvelteKit راه‌اندازی کرده‌ام که با supabase احراز هویت می‌کند. من از این راهنما برای آن استفاده کردم. احراز هویت و واکشی داده‌ها تاکنون به خوبی کار می‌کند. در واقع، از نظر خود برنامه، همه چیز طبق انتظار کار می‌کند. فقط یک خطای بد تایپ‌اسکریپت دریا

ادامه مطلب →

typescript - چگونه از متغیرهای محیطی در فایل‌های ریشه پروژه SvelteKit خود استفاده کنیم؟

من یک پروژه SvelteKit دارم که از TypeScript استفاده می‌کند و یک فایل .env در ریشه دارد. در ریشه، یک فایل drizzle.config.ts اضافه کردم. وقتی موارد زیر را در بالای آن اضافه می‌کنم:

_import { DATABASE_HOST} from '$env/static/private';

ادامه مطلب →

typescript - استفاده از Pixi.js در SvelteKit تنها هنگام ساخت، خطای «self تعریف نشده است» می‌دهد

همان‌طور که عنوان بیان می‌کند، هنگام استفاده از Pixi.js در SvelteKit، فقط و فقط در هنگام ساخت برنامه، خطای «self تعریف نشده است» رخ می‌دهد و ردیابی آن به ماژول @pixi/settings برمی‌گردد. من همه راه‌های ممکن که می‌شناسم را برای رفع این مشکل امتحان کرده‌ا

ادامه مطلب →

جاوااسکریپت - SvelteKit - «ReferenceError: File تعریف نشده است»

یک مشکل سریع که هنگام توسعه یک وب‌اپ با استفاده از SvelteKit (و به تبع آن، Vite) با آن مواجه شدم:

در داخل تگ <script> فایل +page.svelte خودم سعی کردم یک شیء File خالی به عنوان جایگزین به روش زیر تعریف کنم:

let formObject: FormCreationData = { fileT

ادامه مطلب →

تایپ‌اسکریپت - در Sveltekit، آیا می‌توانید ۲ نتیجه ActionResult ناموفق بازگردانید؟

من یک اقدام فرم در فایل +page.server.ts خود دارم و اگر اعتبارسنجی اسکیمای zod شکست بخورد، یک fail باز می‌گردانم که این کار درست کار می‌کند. با این حال، وقتی یک fail دیگر باز می‌گردانم وقتی PocketBase خطای ایمیل از قبل استفاده شده را صادر می‌کند، این خطای نوع را برای هر فیلد به جز ایمیل دریافت می‌کنم.

ادامه مطلب →

typescript - ESLint شکایت می‌کند که namespace برنامه SvelteKit تعریف نشده است

در صفحه +error.svelte من می‌خواهم یک کامپوننت را وارد کنم و سپس شیء خطا را به آن ارسال کنم.

<script lang="ts"> import { page } from "$app/stores"; const error = $page.error; </script> <RenderError {error} />

ادامه مطلب →

جاوااسکریپت - درخواست تایید قبل از تغییر مسیر در Sveltekit

می‌خواهم تأیید کاربر را با استفاده از تابع confirm() بپرسم.

فعلاً من با این کد زمانی که کاربر مسیر را تغییر می‌دهد را دنبال می‌کنم:

import { navigating } from '$app/stores'; $: if($navigating) alert('changing route');

اما همزمان با هشدار دادن پیام، مسیر را نیز تغییر می‌د

ادامه مطلب →

خطای نوع - SvelteKit نحو TypeScript را شناسایی نمی‌کند

من یک پروژه SvelteKit با تایپ‌اسکریپت دارم (با Vite تنظیم شده) که هنگام اجرای "npm run dev" به خوبی کار می‌کرد. با این حال، وقتی سعی کردم برنامه را روی Github Pages قرار دهم، این خطا در لوکال هاست نمایش داده شد وقتی که ماوس را روی تنها لینکم که شامل کد تایپ‌اسکریپت بود بردم (صفحه هنگام هاور شدن روی لینک پیش‌بارگذاری می‌شود).

[plugin:vite-plugin-svelte] نشانه غیرمنتظره

[plugin:vite-plugin-svelte] C:/Users/mwnbo/source/repos/Svelte/chess-app/src/lib/Board.svelte:10:14 Un

ادامه مطلب →

typescript - نحوه کار سینتکس کامنت @type import('./$types') در SvelteKit چگونه است؟

من در حال حاضر در حال یادگیری SvelteKit هستم و با کدی برخورد کردم که نحو آن را متوجه نمی‌شوم.

در +page.server.ts من این نحو را نمی‌فهمم:

/** @type {import('./$types').PageServerLoad} */

به چشم ناآموز من اینطور به نظر می‌رسد که فقط کامنت شده است، اما /** */ کاری انجام می‌دهد که اطمینان حاصل کند کار می‌کند. هیچ ایده‌ای ندارم.

پاسخ شماره ۱

SvelteKit هر بار که دستور dev یا build را اجرا می‌کنی

ادامه مطلب →