Questions tagged [vite]
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.
6,656
questions
-3
votes
0
answers
13
views
React App 18 + Vite 5 + React Router Displaying White Screen of Death [closed]
everyone. I am building a progressive web app with React 18 which I scaffolded out with Vite 5. I am handling routing and linking using React Router. It worked fine in the beginning until recently, ...
0
votes
0
answers
10
views
Configuring nginx to work with separately containerized frontend and backend
The problem is that I have a separately containerized frontend and backend for my full stack web app (vue3, node, express, vite, axios). When running locally without a container, I can connect the ...
0
votes
0
answers
4
views
Exposing Global Variable In Vite
After hours of searching through the doc (Vite) I've realised there is no simple way to expose a global string variable accessible via window.MY_VARIABLE in the browser console. At least as I can see ...
- 318
0
votes
1
answer
8
views
Nuxt 3 HMR Module not reloading changes
I have nuxt 3 project and installed couple of packages .
the hmr was working fine .. it just stopped suddenly no clue why .
there's no errors in the console . the cmd shows the files are being updated ...
- 1
0
votes
0
answers
6
views
Web component library using Lit return Failed to resolve module specifier "lit"
I created a new web component library project based on :
[email protected]
[email protected]
using Vite's library mode (see https://dev.to/receter/how-to-create-a-react-component-library-using-vites-library-mode-...
- 1,454
0
votes
0
answers
14
views
How do I serve a React.js Vite app hosted on an Azure container instance over a custom route, where routing is managed by Caddy?
I want to serve my React app from a different route, so that I can keep all of my servers on the same container group.
My Caddyfile looks like this:
fqdn {
handle_path /backend* {
...
- 13
0
votes
0
answers
7
views
Codespaces Preview url doubled
I run a vue app in codespaces and when I start the preview server through vite the url in the browser bar is doubled:
https://blabla-pxjcg97-3000.app.github.dev/https://blabla-pxjcg97.github.dev/
...
- 2,334
1
vote
1
answer
23
views
Vite generate typings for shared packages in monorepo
I am restructuring a repo to a monorepo and creating some shared packages i.e. components, theming, test-utils etc.
The repo was already using Vite so I have kept this and have introduced turborepo as ...
0
votes
1
answer
14
views
Cannot Import local module/file in Electron-vite (vue)
index.js(entry point of electron)
import { connect } from "./MongoDB";
MongoDB.js
module.exports = {
connect,}
error-
> electron-vite dev
vite v5.3.4 building SSR bundle for ...
- 1
0
votes
0
answers
9
views
Empty page with 404 errors when deploying Vite + Vue app to gh-pages, despite config files
I am in the process of creating a to-do list in Vue.js 3 to learn it and decided to deploy it to gh-pages as it is partially usable already. I am a complete beginner in Vue, I have previously worked ...
- 1
0
votes
0
answers
13
views
the shacdn/ui install command not intepret @ correctly to /src
i want to ask and i need help with this
i tried to follow the documentations of the latest shacn/ui using vite
but when i ran this command npx shadcn-ui@latest init
it seems not installing components ...
0
votes
0
answers
7
views
New Vite Project not installing node modules after "npm i"
I am in the process of creating a new react project with vite and whenever I run "npm i" inside the project the node modules and package lock are not created. I have vite and node installed ...
0
votes
0
answers
21
views
TypeError: e.map is not a function and also showing html code in browser console after deploying
Getting this html code:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" ...
- 41
0
votes
1
answer
18
views
web.config failed to rewrite index.html when a baseURL is added to sub directory in Vue 3 app with Vite
Currently working on a Vue 3 app which deployed using Azure web apps. When I deployed it to the root and used web.config it worked fine, But I need to add a Base URL. For that, I have added the ...
- 1
0
votes
1
answer
15
views
how to run vite on hostinger?
I recently uploaded my laravel project on hostinger.
Everything works fine apart from the vite.
How to configurate it to use npm and vite?
when I open the project I got this error:
Internal Server ...
- 9
0
votes
0
answers
14
views
how to get vite to compile scss/sass
I have a scss file i need compiled into a css file to be included on a blade template.
I have installed sass as a dependence.
I have the scss file listed in the scss additional data.
But during the ...
0
votes
0
answers
26
views
TailwindCss has different colors in Dist Build and run Dev
I need to help please, I have been building a project with tailwindCss and React, with Vite, but when I build my project then generate the dist carpet, but the colors are different when I run project ...
- 25
0
votes
0
answers
13
views
pathMapping in vs code debug is not working
I have the following as my launch.json file
{
"version": "0.2.0",
"configurations": [
{
"name":"Launch vite:dev",
"request&...
0
votes
0
answers
40
views
React: Expected “;” but found “:” with Vite and TypeScript
I’m encountering an error while using Vite with TypeScript and ESLint. The error message is as follows:
ERROR: Expected ";" but found ":"
[vite] Pre-transform error: Transform ...
- 199
0
votes
0
answers
19
views
How to configure Dockerized Laravel Setup for Vite?
My goal is to Dockerize Laravel + Vite + React.js with Inertia.js for Development. I can get the app to run, but it has no Hot Module Replacement (HMR) and loads the pages like SSR pages and not ...
- 57
0
votes
0
answers
22
views
How to Fix "Failed to Load Module Script" Error for React App Deployed on VPS with Nginx?
I'm a beginner trying to deploy my React application (static web pages) on a VPS using Nginx, and I'm running into a problem. After deploying, my app loads but doesn't display anything. The browser ...
0
votes
0
answers
42
views
Configure path alias with latest Vite project and React
I'm starting a project with React using latest Vite project template:
npm create vite@latest my-app -- --template react-ts
The template contains 3 tsconfig files.
tsconfig.json
{
"files": ...
- 83
0
votes
0
answers
9
views
How does a vite build product enable remote modules to use the same dependencies as local application modules?
I have an idea to use the same set of dependencies for remote components and the application's own components. The scenario is as follows:
I have a main application A developed via vite+react , A is ...
- 1
0
votes
0
answers
9
views
Why is my scss module file is removed after hmr in remix application after changing tsx file?
I'm new to remix and I'm trying to get css modules working, it looks like the css is removed from the html after a hot reload
I seem to have a pretty basic setup for my application and at the initial ...
- 1,783
-1
votes
0
answers
18
views
Accessing information from a redux store in the main app from a dynamically loaded React Module? [closed]
I am using React (18.2) built with Vite (5.0.0) using vite-plugin-federation (1.3.5) to split up my application into a main application and several modules which are dynamically loaded once a user ...
- 2,353
0
votes
1
answer
37
views
Getting 401 Unauthorized Error on Login in React Web App
Whenever I click the login button of my web page built with vite-react(frontend:5173), express(server 5000, to handle cookies httpOnly) and Django(backend:8080). the console logs an error of (GET http:...
0
votes
0
answers
12
views
NextJS 14 App Page Freezing UI using own custom developed NPM Packages in ReactJS using ViteJS
I have nextjs 14 app using mui, I have created my own npm packages for it's components in reactjs using vitejs, that is running perfectly fine.
Problem:
The issue I'm facing is that when i open ...
0
votes
0
answers
17
views
React vite build takes big size
I'm cereating a design system aka component library with react typescript and vite as build tool
I had an issue that whenever I Import any component it was importing all the package not only the ...
- 23
0
votes
0
answers
49
views
Deploying a MEVN stack app that uses 2 servers to Firebase [closed]
I want to know how I can deploy a MEVN stack app to Firebase. The problem is that I use two servers - one for the BE and one for the FE. In my package.json they are configured as follows:
"...
- 151
1
vote
0
answers
19
views
how to resolve localhost not secure problem with vite?
I'm working on a personal project developed with react + tailwind + vite. in my sign-up component, I need to POST some information from the client side ( localhost:5173 ) to the server side ( ...
- 39