Anleitung: Dunkelmodus mit TailwindCSS + Vue3 + Vite wechseln

Ich bin ein Anfänger in Vite/Vue3 und stehe derzeit vor einem Problem, bei dem ich das gebündelte Wissen der Community benötige. Ich habe eine Vite/Vue3-Anwendung erstellt und TailwindCSS installiert: npmcreatevite@latestmy-vite-vue-app----templatevuecdmy-vite-vue-appnpminstall-Dtailwindcsspostcssau...

P粉933003350 2023-11-01 12:05:00 0  1  1254

Vue 3 Vite – In Echtzeit aktualisierte Bildlinks

Ich verwende Vue3 und Vite. Nachdem ich die Produktion in Vite aufgebaut hatte, stieß ich auf ein Problem mit dynamischem imgsrc. Es gibt kein Problem mit statischem imgsrc. <imgsrc="/src/assets/images/my-image.png"alt="Image" class="logo"/>Es funktioniert in beid...

P粉511749537 2023-08-27 22:32:33 0  1  643

Problem mit dem Vite-Festplatten-Cache

Ich habe ein Projekt, das Vite und Vue3 als Frontend verwendet. Es verwendet auch Eslint. Wenn ich den Code ausführe, wird manchmal ein Fehler wie dieser ausgegeben: 14:26:53 [vite] Interner Serverfehler: /path/to/project/wt-frontend-2/src/pages/school-districts/PageSsDetails. 1 Fehler „@/assets/ima...

P粉776412597 2024-01-28 20:04:01 0  1  647

So ändern Sie das Vite Manifest-Verzeichnis

Ich möchte, dass das Vite-Manifest im Verzeichnis public_html/build/ meiner Website verfügbar ist, erhalte jedoch ständig die Fehlermeldung, dass Vite-Manifest nicht gefunden wurde unter: public_html/public/build/manifest.json. Das ist meine Konfiguration. Wie ändere ich sie so, dass sie sich unter ...

P粉034571623 2023-08-26 21:22:38 0  2  790

Vereinfachung der Vue-Dateistruktur: Hilfe zu Vue und Vite

Ich habe gerade meine erste Vue-Anwendung mit dem Vite-Paketierungstool erstellt. Ich bin es gewohnt, mit dem Webpack-Paketierungstool und VueCLI Vue-Projekte zu erstellen, in denen die Ordner und Dateien von VueX und VueRouter direkt generiert werden können. Wenn ich jedoch Vite zum Erstellen einer...

P粉174151913 2023-08-25 23:15:00 0  1  665

Vite HMR kann keine Änderungen an Komponenten in Unterordnern erkennen

In einem Vue+Vite-Projekt habe ich das Problem mit der Ordnerstruktur, dass Vite keine Änderungen (Strg+S) in A.vue oder B.vue erkennen kann, d. h. Komponenten, die unter NestedFolder im Komponentenordner verschachtelt sind. Alles andere funktioniert gut. Meine vite.config.js sieht so aus: import{fi...

P粉854119263 2023-11-04 09:37:46 0  1  1295

Beim Vite-Proxy-Knoten v17+ tritt der Fehler ECONNREFUSED auf

Ich verwende Nodev18.12.1 und vitev3.0.4. Unten ist mein Proxy-Code zum Herstellen einer Verbindung zu Node.jsRESTAPI vom Vue.jsvite-Entwicklungsserver: Proxy:{"/api":{target:"http://localhost:3000",changeOrigin:true,}} Meinen wurde von Version 16 nach aktualisiert Node-Version, ...

P粉683665106 2023-11-07 20:00:40 0  1  1694

Mobilgerät über PHP-Entwicklungsserver mit Vite verbinden: Host freigeben

Lösung: Dank @parastoo funktioniert es jetzt. Ich musste den Entwicklungsserver so starten (2 verschiedene Terminal-Registerkarten): vite --host=HOST_IPphpartisanserve --host=HOST_IP und dann Ihr Mobilgerät (bereits mit Ihrem WLAN verbunden) verbinden mit: http://HOST_IP: PORTHOST_IP kann wird im Te...

P粉555682718 2023-11-02 12:04:14 0  2  1049

Fügen Sie mit Nuxt 3 und Vite effizient globales CSS hinzu

In meinem Projekt ist globales Sass enthalten, aber ich finde keine effiziente Möglichkeit, es dem Projekt hinzuzufügen. Es scheint zwei beliebte Möglichkeiten zu geben, CSS zu Ihrem Projekt hinzuzufügen. vite:{plugins:[svgLoader()],css:{preprocessorOptions:{scss:{additionalData:`@import"~/asse...

P粉256487077 2023-08-25 18:19:44 0  1  676

Möglichkeiten, Vite für die Unterstützung der Verwendung der JSX-Syntax in JS-Dateien zu konfigurieren

Vite erlaubt standardmäßig keine JSX-Syntax in .js-Dateien. Ich habe meine Dateien in .jsx (oder .tsx) umbenannt, aber ich habe einige externe Abhängigkeiten, die nicht umbenannt werden können. Fehlerbeispiel für Vite: ✘ [ERROR] Die JSX-Syntaxerweiterung node_modules/somelib/src/someFile.js:122:11:1...

P粉571233520 2023-08-24 19:55:15 0  1  845

Das Modul „/node_modules/.vite/deps/vue.js' exportiert nicht wie erforderlich einen Standard namens „default'.

Nachfolgend finden Sie meine Fragen. Ich habe mein Projekt über Vite im Bibliotheksmodus gepackt. Immer wenn meine Bibliothek eine UI-Bibliothek eines Drittanbieters wie vue-loading-overlay enthält, tritt der Fehler auf. Aber andere Bibliotheken wie moment.js werden keine Probleme haben. Das ist mei...

P粉006540600 2023-10-22 13:37:29 0  1  844

Vue.js Vite-Build-Fehler <video><source>-Tag

Ich entwickle eine Vue3-App und versuche, ein statisches Bild durch ein Video zu ersetzen, aber es wirft [vite]Builderroredout.Error:Unexpectedcharacter''(NotethatyouneedpluginstoimportfilesthatarenotJavaScript)aterror(/myapp/node_modules/rollup/dist/shared/rollup. js: 52

P粉899950720 2024-03-25 21:21:53 0  1  611

Umgebungsvariablen mit Vite in Cypress festlegen

Ich verwende VueJs3 mit Vite und Cypress. In meiner Anwendung habe ich eine Umgebungsvariable, die meine URL definiert: consturl=import.meta.env.VITE_URL Mein Ziel ist es, diese VITE_URL in Cypress zu ersetzen. Ich habe versucht, eine cypress.env.json-Datei zu erstellen und darin Folgendes zu schrei...

P粉787934476 2023-12-20 08:40:07 0  2  744

So erstellen Sie eine Dokumentation für ein Vue 3-Projekt (Vite). (Komponenten, Seiten, Requisiten, Methoden usw.)

Ich stehe vor dem Problem, eine einfache Dokumentation für das Vue-Projekt zu erstellen. Irgendwelche Ideen? Habe VueStyleguidist ausprobiert, aber es funktioniert nicht mit Vue3 und Vite.

P粉330232096 2023-08-28 00:17:01 0  1  806

Fehler beim Versuch: Yarn Create Vite /Yarn Create Vite My-React-App --Template React

Ich habe Garn in Windows 10 mit dem Befehl npminstall --globalyarn installiert und die Version mit Garn --version überprüft und es werden die Versionsinformationen im Befehl angezeigt. Dann habe ich versucht, eine Vite-App mit dem folgenden Befehl zu erstellen: Yarncreatevite, aber in cmd wird der f...

P粉764003519 2023-08-29 22:59:32 0  1  880

Teilen oder fügen Sie Stile in mit Vite erstellte React-Komponentenbibliotheken ein

Ich schreibe derzeit die Build-Schritte für die Komponentenbibliothek neu, um Vite zu verwenden. Ich habe ein Problem mit Stilen. Sie sind nicht aufgeteilt, sondern in einer großen style.css-Datei gebündelt. Dies verursachte bei mir zwei Probleme: Als ich das Paket in einem anderen Projekt installie...

P粉464113078 2024-01-10 17:00:11 0  1  689

Vue, vite: GET http://localhost:3000/@vite/client Der Titel von net::ERR_ABORTED 404 (Not Found) wird umgeschrieben in: Vue, vite: auf http://localhost:3000/@vite/client In der initiierten GET-Anfrage ist ein net::ERR_ABORTED 404 (nicht gefunden)-Fehler aufgetreten.

Ich verwende Vue und Vite, um den Workflow einer Webanwendung zu üben, die eine API zum Abrufen von Daten verwendet, und beziehe mich dabei auf dieses Tutorial. Am Ende der Ausführung des Befehls „garndev“ ist ein Fehler aufgetreten. Ich habe versucht: Das Projekt direkt zu klonen und denselben Befe...

P粉710478990 2023-11-06 11:49:11 0  2  2105

Verwenden Sie vite/rollup.js, um das Betriebssystemmodul von Node.js zu erweitern

Ich arbeite an einem Vite-Projekt mit dem Paket opensea-js. Dieses Paket hängt von xhr2-cookies ab, die OS, http, https und einige andere interne Knotenmodule importieren. Wenn ich versuche, eine Opensea-Methode aufzurufen, erhalte ich die folgende Fehlermeldung: Uncaught(inpromise) TypeError: os.ty...

P粉176151589 2023-08-24 16:17:55 0  2  675

VueJS/Tailwind CSS/VITE: Umgebungsvariablen als Farbe des Tailwind-Designs verwenden

Ich habe ein VueJS-Setup mit Vite, TailwindCSS und Postcss und möchte mithilfe von Variablen in der .env.name-Datei unterschiedliche Farben definieren, damit ich je nachdem, wo der Code bereitgestellt wird, unterschiedliche Farbthemen anwenden kann. Ich habe versucht, eine .env-Datei mit VITE_COLOR=...

P粉174151913 2023-08-26 14:31:22 0  1  624

Wie konfiguriere ich Vite für den Zugriff auf Dateien außerhalb öffentlicher Ordner?

Ich habe diese Dateistruktur: mein Projekt, Anwendung, Bootstrap, Konfiguration, Datenbank, Knotenmodul, pdfjs-dist, Build pdf.js, öffentliche Upload-Datei, Solution_12.pdf-Ressource. Kann mir jemand helfen, wie ich durch die Konfiguration von Vite auf pdf.js zugreifen kann? Ich habe versucht: Expor...

P粉132730839 2024-04-02 12:39:53 0  1  794