typescript - איך להשתמש ב-CDN עם Vite (בעבודה עם React + antd-mobile)?

דפדפן מדווח על שגיאה:

שגיאת TypeError לא נתפסה: נכשלה פתירת המזהה של המודול "antd-mobile". הפניות יחסיות חייבות להתחיל באחד מהבאים: "/", "./", או "../".

הקונפיגורציה שלי:

import reactRefresh from '@vitejs/plugin-react-refresh' import {defineConfig} from 'vite' import cdn from 'vite-plugin-cdn' // https://vitejs.dev/config/ export default defineConfig({ base: '', css: { preprocessorOptions: { less: { javascriptEnabled: true, } } },

קרא עוד →

typescript - גישה לשם המודול הנוכחי באפליקציית vue3/vite קיימת

ביישום Vue3/Vite/TypeScript שלי, אני משתמש ב-import.meta.url ומחלץ את שם הקובץ כדי לקבל את שם המודול הנוכחי:

קובץ 'myModule.ts':

export default { url: import.meta.url }

קובץ 'test.ts':

import myModule from "./myModule&q

קרא עוד →

reactjs - איך לשלב TypeScript, Vite, React ו-npm link?

כתבתי חבילת TypeScript פשוטה ועוברת (פורסמה ברגיסטרי פרטי) ואני רוצה לייבא אותה באפליקציית React ב-TypeScript שנוצרה עם Vite.

הכל עובד בסדר עד שאני מנסה npm link את שתי החבילות. לאחר קישור, אני עדיין מסוגל לבנות את האפליקציה דרך npm run build (למעשה התוצאה עדיין לא נבדקה), אבל סביבה מקומית לפיתוח שמופעלת דרך npm run dev ממשיכה להיכשל עם השגיאה הבאה.

[vite] שגיאת שרת פנימית: לא ניתן לנתב את הקובץ הראשי של החבילה "my-package&q

קרא עוד →

javascript - הוספת הפרוקסי ב-vite לוקחת אותי לכתובת הפרוקסי הזו ב-localhost שלי. אני רוצה להשתמש בזה רק לקריאות API ל-backend

הנה הקובץ vite.config.ts שלי:

import { defineConfig } from 'vitest/config' import vue from '@vitejs/plugin-vue' import { quasar, transformAssetUrls } from '@quasar/vite-plugin' const path = require('path'); // https://vitejs.dev/config/ ex

קרא עוד →

תצורה - איך לנפות באגים בבדיקת יחידה של TypeScript Vitest מרחוק עם nvim-dap?

מבחן היחידה שלי ב-TypeScript של Vite מוגש על ידי שרת מרוחק בדומיין remoteserver באמצעות הפקודה הבאה: node --inspect-brk=0.0.0.0 ./node_modules/vitest/vitest.mjs run --threads false src/backend/api.spec.ts

כאשר אני מחבר את nvim-dap עם הקונפיגורציה למטה, זה נכשל עם ההודעה הזו:

נקודת עצירה התעלמה מכיוון שהקוד שנוצר לא נמצא (בעיה במפת המקור?).

ההגדרה שלי ל-nvim-dap:

dap.adapters = { node

קרא עוד →

TypeScript - איך להשתמש במרחב שמות ב-Vite

//Test.ts namespace Test { export const a = 123; } //main.ts /// <reference path="./Test.ts" /> console.log(Test.a);

vite run build:

(function polyfill() { const relList = document.createElement("link").relList; if (relList && relList.supports && relList.supports("modulepreload")) { return; } for (const link of document.querySelectorAll('link[rel="modulepreload"]'))

קרא עוד →

typescript - קובץ Web worker '404 לא נמצא' לאחר בניית Vite/Vue3

אני מנסה לבדוק שימוש בעובדים של ווב (web workers) באפליקציית Vite, וכשאני מריץ npm run dev זה עובד כמתוכנן, אבל כשאני מריץ npm run build ואז משתמש ב-http-server בתוך תיקיית dist, אני מקבל את השגיאה: "GET /workers/test.worker.ts" Error (404): "לא נמצא"

האפליקציה שלי ב-Vite היא תבנית הפתיחה הכללית עם התוספות היחידות האלו:

@/stores/counter.ts

/* ... Inside Def

קרא עוד →

javascript - בנאי Vite עובד מקומית, אבל נשבר בייצור

הקונפיגורציה שלי של Vite:

import react from '@vitejs/plugin-react'; import { defineConfig } from 'vite'; import svgr from 'vite-plugin-svgr'; import tsconfigPaths from 'vite-tsconfig-paths'; export default defineConfig({ plugins: [tsconfigPaths(), svgr(), react()], server: { port: 3000, }, preview: { port: 3000, }, resolve: { alias: { // This is needed for builds './runtimeConfig': './runtimeConfig.browser', }, }, build: { outDir:

קרא עוד →

typescript - איך לשתף טיפוסים של צד שרת עם Vite (תבנית Preact-ts)?

אני רוצה לגשת לסוגים שלי מהשרת (Express.js) באפליקציית vite שלי. אני לא מצליח לגרום לזה לעבוד נכון.

האם תוכל להצביע לי על הכיוון הנכון כדי שאוכל לשתף בקלות סוגים בין ה-frontend ל-backend?

הנה איך אני רוצה שהטיפוסים שלי יווצאו מ-backend:

מבנה קבצים

סוגים/בדיקה/ישות-בדיקה.ts

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

קרא עוד →

javascript - ייבוא קובץ JSON/JSONC בפרויקט vite/typescript

אני רוצה לשתף את הנתיבים שלי בין ה-backend שלי ב-actix-web לבין ה-frontend ב-Vue עם Vue-Router מבלי שיהיו שני קבצים שמתארים את הנתיבים. אז כשאני מגדיר את הנתיבים ב-frontend, אני לא רוצה לשנות שום דבר בשרת. אני לא יודע אם יש פתרון טוב יותר, אם כן, בבקשה תגידו לי :D

הקובץ routes.jsonc שלי נמצא בתיקיית src שלי. כל מסלול הוא מהסוג הבא:\

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

ואז מיתרי הנתיבים שלי מומרות לרכיבים בפועל:

קרא עוד →