Category "vite"

Electron + Vite project cannot show png resource

I am using Vite + Electron to make a desktop app demo. But it cannot load png resource, but js, css resource is fine. So it worked like this png canoot be loade

Production build is missing a piece of template

As the problem states, the router-view is not showing up within the vite preview, however it does show up when running vite. I need to have it work in the previ

vue3 with vite can't import .ts interface

edit: similar to vitejs bug but different because I don't reimport. edit2: i just created a new clean project vue build tools and just selected the typescript f

How to use Vite HMR API with Pixi.js

I'm trying to use the Vite HMR API to create a Pixi.js app that hot reloads without resetting its state. The high-level idea: main.js initializes Pixi.js so an

Vue 3 + Vite image URL becomes undefined after build

I encountered a bug where I dynamically generated a URL from props for image import in my Vue 3 component and it becomes undefined after build Script used to ge

How to global import a stylus file in vite

Now I'm try use vite to create a vue app. But have trouble to global import a stylus file in vite.config.js. I try the code from vite docs. export default defin

Vite outDir outside of the project root

I am building Vue3 project with Vite and I am using Vite build.outDir option to build the project outside of the Vue3 app root. This is my project structure, wh

Pinia: $reset alternative when using setup syntax

I have a pinia store created with setup syntax like: defineStore('id', () => { const counter = ref(0) return { counter } }) Everything has been worki

How to rewrite type defination of third party library in vue project created by create-vue

I have a vue project using cesium library, following the update of cesium, some errors occur. My code: camera.setView({ destination, orientation: { heading,

Vite: placing bundles in subfolders on build?

Currently my projects structure is: my-app/ ├─ node_modules/ ├─ dist/ │ ├─ assets/ │ │ ├─ m

React + vitejs + storybook setup

I am trying to setup react that is bundled with vitejs and storybook after running the setup command as per vitejs docs storybook vite builder storybook runs bu

Nuxt.js using Vuetify and Vite causes "__createCJSModule__(...) is not a function" error

The problem: When creating a new Nuxt.js project using Yarn as the package manager and using Vuetify and Vite as build modules I get the following error in the

EPERM: operation not permitted, stat 'C:\$Recycle.Bin\desktop.ini'

trying to build a react app with vite(npm run build) but this appears. cleaned cashe and reinstalled npm a couple times with vs code closedbut still doesnt work

vitest test await async completion of onMounted callback in vue3 component

I'm playing around with Vitest and want to wait for the completion of a couple mocked fetches in the onMounted lifecycle hook in my component: My test: import {

Storybook + Vite Shows "No Preview" But still renders story

Following the instructions of storybooks vite plugin documentation, I am able to start storybook with a bit of extra configuration: // .storybook/main.js modul

vue + vite + ubuntu 20 bugs

I'm very confused. I just saved my code to github from windows, where the vue.js app compiles successfully. But when opening exactly the same code in ubuntu, wi

How to configure ngnix, vite and laravel for use with HMR via a reverse proxy?

I've only just got into Laravel/Vue3 so I'm working off the basics. However, I have an existing Docker ecosystem that I use for local dev and an nginx reverse p

Error: Unexpected "<" in vite react in JS files

I am making a react app with vite instead of creat react app. When I use .jsx as suffix, it works fine. But when I use .js, throws hundreds of errors in my file

Vitest defineConfig, 'test' does not exist in type 'UserConfigExport'

Trying to setup vitest on an already existing vite (vue 3, typescript) project. My vite.config.ts looks like this: import { defineConfig } from 'vite'; import v

Slow button response time with Capacitor x Svelte on Ios

I try to create a starter app with Capacitor and Svelte. Everything works fine except one thing, when I use native html anchor ( with svelte-routing) for naviga