تايب سكريبت - استخدام الأنواع مع ستوريبوك وسفلت كيت
أحاول استخدام Storybook مع TypeScript و SvelteKit، رغم أن هذا قد سبب لي بعض المشكلات التي لا يبدو أنني أستطيع حلها بنفسي.
import Modal from './Modal.svelte' export default { title: 'Modal', component: Modal, } const Template = (args: any) => ({ component: Modal, props: args, }) export const Primary = Template.bind({}) Primary.args = { text: 'Hello World', }يعطيني الكود أعلاه الخطأ التالي في السطر Primary.args={ :
Proper اقرأ أكثر →تضمين ملف Typescript من مكون Svelte باستخدام Rollup يظهر خطأ في التحليل
خلفية موجزة
- أريد إنشاء امتداد لبرنامج Visual Studio Code يحتوي على عروض ويب
- كنت أرغب في استخدام Svelte/Typescript لإنشاء واجهات الويب، و Typescript لصنع الإضافة نفسها
- لقد أدى بي هذا إلى هيكل مشروع غير عادي، حيث أستخدم esbuild لبناء الامتداد، وrollup لبناء واجهات الويب، وأستخدم tsconfig.json منفصل لواجهات الويب مقارنة بالامتداد
ما الخطب؟
أستمر في الحصول على خطأ تحليل عند محاولة إجراء بناء
اقرأ أكثر →تايب سكريبت - مسارات SvelteKit المحمية: localStorage غير معرف
أحاول حماية المسارات، أو إعادة التوجيه إلى صفحة تسجيل الدخول عندما لا يكون auth_token موجودًا في التخزين المحلي.
في src/routes/+layout.server.ts الخاص بي لدي:
import { redirect } from "@sveltejs/kit" import type { LayoutServerLoad } from "./$types" export const load: LayoutServerLoad = async ({ locals }) => { if (localStorage.getItem('auth_token') === null) { throw redirect(303, '/') } }على
اقرأ أكثر →typescript - Svelte، Skeleton، Tailwind خطأ تثبيت 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 paths: جعل الملفات ذات امتداد .svelte قابلة للاستيراد بواسطة المسار المطلق
هل يمتلك أحد معرفة سرية حول كيفية جعل هذا يعمل؟ أنا أحاول الانتقال من الاستيرادات النسبية إلى الاستيرادات المطلقة باستخدام مسارات tsconfig وأواجه مشاكل في حل ملفات *.svelte.
tsconfig.json:
{ "extends": "@tsconfig/svelte/tsconfig.json", "compilerOptions": { "baseUrl": ".", "lib": [ "dom", "es2020" ], "paths": { //❗ "~/*": [ " اقرأ أكثر →جافاسكريبت - كيف أكتب متغير مثيل مكون Svelte بشكل صحيح؟
أنا أتعلم كيفية استخدام Svelte، وبالتحديد كيفية الربط مع مثيل لمكون موجود حالياً في الدرس هنا: https://svelte.dev/tutorial/component-this
أحاول تحويل الدرس إلى تايبسكريبت أثناء تقدمي فيه.
أتلقى خطأ من مترجم Typescript (تم التشغيل من خلال ESLint).
كود
<!-- ./ComponentInstance.svelte --> <script lang="ts"> import InputField from './Input.svelte'; // field is the child component! let field: InputField اقرأ أكثر →جافاسكريبت - كيفية توضيح مكونات سفيليت؟
لدي نوع TypeScript التالي:
type ItemTypes = (GameItem & { id: undefined }) | (CurrencyItem & { id: string });الكائن GameItem هو كائن لا يحتوي على السمة "id"، لذلك عادةً سأوضح الاختلافات بهذا الشكل في TypeScript:
if (item.id !== undefined) { // CurrencyItem } else { // اقرأ أكثر →أسترو، تايب سكريبت وsvelte-check
أنا أبني مشروع واجهة أمامية باستخدام Astro. لبعض المكونات الديناميكية أضفت Svelte كإطار عمل للواجهة الرسومية.
الآن أريد دمج svelte-check لكن الأمر يفشل بسبب: يمكن استخدام التعليقات التوضيحية للنوع فقط في ملفات TypeScript.
على سبيل المثال، export let languageCode: string لا يبدو صحيحًا، على الرغم
اقرأ أكثر →تايب سكريبت - ألوان نقاط التنقل النشطة في سلايدر Svelte لا تنتقل مع الشرائح
أنا أعمل على مكون دوار (كاروسيل) باستخدام schadcn-svelte و embla carousel. النقر المبدئي على النقطة 2 ينتقل من الشريحة 1 إلى الشريحة 2، وتحديث أنماط النقطة النشطة يتم بشكل مثالي. ومع ذلك، بعد هذا التفاعل الأولي، يتوقف تحديث حالة النقاط النشطة، وتنتقل الشرائح بتأخير. أنا غي
اقرأ أكثر →غير قادر على استخدام الأنواع المثبتة مع TypeScript في Svelte
لقد واجهت صعوبة في القدرة على جعل مشروعي يُجمَّع مع نوع مثبت. أنا أستخدم MediaRecorder، وقد قمت بتثبيت @types/dom-mediacapture-record. مع الإعداد الافتراضي لم أتمكن من جعل MediaRecorder معرَّفًا.
لقد تمكنت من جعل الأمور تعمل عن طريق 1) عدم تمديد @tsconfig/svelte/tsconfig.json و 2) إضافة النوع الم
اقرأ أكثر →