جافاسكريبت - كيف يمكنني تكوين مسار نسبي لاستخدامه عند إنشاء مخرجات البناء في Vite؟

في تطبيقي، عندما أقوم بتشغيل npm run dev يمكنني التجربة بشكل جيد على http://localhost:3000. لكن بالنسبة للبناء الناتج، حيث أقوم بتشغيله، يكون جزءًا من مجلد فرعي لتطبيق آخر. على سبيل المثال، الروابط تنتهي مثل http://myapp.com/docs/recons

اقرأ أكثر →

جافاسكريبت - Vite: هل هناك إمكانية لاستبعاد عناصر الكود من أن تُبنى؟

أبحث عن "ميزة" في Vite ستتيح لي استبعاد بعض الشيفرات من أن تُبنى. حسب ما أذكر في webpack، كانت هناك ميزة يمكنك من خلالها إنشاء بعض التعليقات مثل:

###SOMETHING <code goes here> ###END_SOMETHING

وهذا الكود بين ###SOMETHING و ###END_SOMETHING

اقرأ أكثر →

تايب سكريبت - كيفية استخدام CDN مع Vite (باستخدام React + AntD-Mobile)؟

المتصفح يبلغ عن خطأ:

خطأ نوع لم يتم التقاطه: فشل في حل محدد الوحدة "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, } } }, plugins: [ reactRefr

اقرأ أكثر →

تايب سكريبت - الوصول إلى اسم الوحدة الحالية في تطبيق Vue3/Vite المبني

في تطبيقي باستخدام vue3/vite/typescript، أستخدم import.meta.url وأستخرج اسم الملف للحصول على اسم الوحدة الحالية:

الملف 'myModule.ts':

export default { url: import.meta.url }

ملف 'test.ts':

import myModule from "./myModule"

اقرأ أكثر →

reactjs - كيف تجمع بين TypeScript و Vite و React و npm link؟

كتبت حزمة TypeScript بسيطة ونُشرت على سجل خاص وأريد استيرادها في تطبيق React TypeScript تم إنشاؤه باستخدام Vite.

كل شيء يعمل بشكل جيد حتى أحاول ربط npm بين الحزمتين. بمجرد الربط، ما زلت قادرًا على بناء التطبيق من خلال npm run build (في الواقع، لم يتم اختبار النتيجة بعد)، ولكن بيئة التطوير المحلية التي يتم تشغيلها من خلال npm run dev تستمر في الفشل مع الخطأ التالي.

[vite] خطأ داخلي في الخادم: فشل في تحديد نقطة الدخول للحزمة "

اقرأ أكثر →

جافا سكريبت - إضافة البروكسي في Vite يأخذني إلى عنوان البروكسي هذا على جهازي المحلي. أنا أريد فقط استخدامه لاستدعاءات API إلى الخادم الخلفي.

إليك ملف 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

اقرأ أكثر →

التكوين - كيف تقوم بتصحيح اختبار وحدة فيتاست تايبسكريبت عن بُعد باستخدام 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 الخاص بي:

da

اقرأ أكثر →

تايب سكريبت - كيفية استخدام المساحة الاسمية في فيت

//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"]'))

اقرأ أكثر →

تايبسكريبت - ملف عامل الويب '404 لم يتم العثور عليه' بعد بناء Vite/Vue3

أحاول تجربة استخدام عمال الويب في تطبيق Vite، وعندما أشغل npm run dev يعمل كما هو مقصود، ولكن عندما أستخدم npm run build ثم أستخدم http-server في مجلد dist، أحصل على الخطأ: "GET /workers/test.worker.ts" Error (404): "لا يوجد"

تطبيقي Vite هو القالب الابتدائي العام مع هذه الإضافات الوحيدة:

@/stores/counter.ts

/* ... Inside Default Pinia Store ... */ function

اقرأ أكثر →

جافاسكريبت - مُنشئ 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: '

اقرأ أكثر →