For questions about using Vite, a two-part build tool (dev server + build command) that aims to provide a faster and leaner development experience for modern web projects.
Questions tagged [vite]
4741 questions
1
vote
0 answers
Vite (vite-plugin-ssr) generating separate assets build bundels under corresponding directories (per page MPA)
I'm building an MPA on vite react, using vite-plugin-ssr, for the purpose of html generation during development and build.
Plugin does its job greatly generating htmls, but I also need it in the dist to keep the structure of the files.
What it does…
mk.maria
- 11
- 1
1
vote
1 answer
How can I make socket.io work through proxy with react and vite using express backend?
I'm unable to get socket.io to work through proxy with react+vite (PORT 5173), express (PORT 5002).
I'm receiving an ERROR: server error from my current configuration. And my backend isn't receiving any connection attempts.
I want the proxy to make…
Findingoak2
- 21
- 4
1
vote
0 answers
My Vue 2 Vite does not recognize my subdomain 'foo.example.st' in the Request URL
My app with subdomain is a dockerized Laravel application and I want to "reference" it in a new dockerzied vite Vue 2 application, so I've doing the following in the vite.config.js:
I've tried the following:
server: {
proxy: {
'/api': {
…
Paulo
- 41
- 3
1
vote
0 answers
Getting a vite react docker container to both sync volumes and autostart development environment?
I'm having trouble getting my docker container to both sync volumes and autostart the dev environment.
To get volume syncing, allowing changes to code outside container to be reflected inside (while running) and vice versa; I've used the following…
Jamjar91
- 25
- 6
1
vote
0 answers
No loader is configured for ".node" files
I am getting this error when trying to load nodejs-polars into a React Vite application. Does anyone know how to get this to load properly?
✘ [ERROR] No loader is configured for ".node" files:…
Jordan
- 11
- 1
1
vote
1 answer
Mock react components in vitest
How can I test that a child component in a parent component is called properly with correct props when the child component is mocked. I'm getting the error:
RangeError: Maximum call stack size exceeded
My vitest config:
import svgr from…
TechDan
- 31
- 4
1
vote
0 answers
SCSS files not loaded in a laravel vue 3 project using vite and inertia
I am trying to use the materio vue template in my laravel breeze application(laravel+vue3+vite) which I downloaded from this link. After making some necessary changes, I got the project to run without any errors but the template's style are not…
Zack Boniphace
- 87
- 2
- 8
1
vote
1 answer
Vite assets still localhost on production server
Vite path still localhost on Production Server
Can someone help me why my Vite Assets showing
Mahadi Saputra
- 27
- 2
1
vote
0 answers
How to use Webpack loaders in Vite?
I'm using Vite. I want to use lit-scss-loader or any loader in my Vite app. I found that SASS and JSX are supported by default in Vite. But I'm not able to find any documentation about custom loaders in Vite website.
Arian Shahalami
- 1,369
- 2
- 13
- 25
1
vote
1 answer
Failed to load resource: net::ERR_CERT_AUTHORITY_INVALID After deployed on vercel
I have deployed a simple chatUI-app on vercel which is fetching chats from this API
"http://3.111.128.67/assignment/chat?page=0"
It was running fine in development but as I deployed it on vercel the app is not fetching chats and throwing this…
Gaurav Tak
- 9
- 2
1
vote
1 answer
Vite library mode code splitting with UMD like in webpack
Is there a way to enable code-splitting in Vite for libraries like webpack does?
This is my current setup
import {fileURLToPath, URL} from 'node:url';
import {resolve} from 'path';
import {defineConfig} from 'vite';
export default defineConfig({
…
Robin Schambach
- 617
- 3
- 11
- 26
1
vote
0 answers
Vite hot reloading does not work anymore if using new IntelliJ IDEA 2023 version
I am experiencing an issue with the usage of Hot Reload in Vite Server when using the latest version of IntelliJ IDEA.
The version of Vite is 4.3.8. The version of IntelliJ IDEA is Build #IU-231.8109.175, built on March 28, 2023. The operating…
shogitai
- 1,823
- 1
- 23
- 50
1
vote
0 answers
Laravel 10 Sail with Nuxt 3 and Vite: Browser can't connect to 24678
I have a monorepo with Laravel 10 and Nuxt 3 being installed to a subdirectory. I don't want to run the nuxt dev server from my host. Instead I want to run it using Laravel Sail, because Sail already has all dependencies (npm) installed.
The…
NKnuelle
- 234
- 2
- 19
1
vote
1 answer
PostCSS can't find global CSS bootstrap classes when using @extend from postcss-extend-rule in vite
I'm working on a project with (vite, vue 3, ts, and bootstrap) and I can't get "@extend" to work through postCSS.
This is a sample project i created to show as an example of what i want to do: Github repo
if you look at the file…
Franco Aguilera
- 617
- 1
- 8
- 25
1
vote
1 answer
React (vite) hmr is breaking the app, the page goes blank
I migrated from cra to vite and now have the this problem:
When hmr is triggered, or when I visit another page (sometimes), the page goes blank and I get many errors:
Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be…
vbpkzxczhbdgwrr
- 81
- 5