6,971 questions
-4
votes
0
answers
62
views
Vite React project gives 404 error on http://localhost:5173/
Vite server was working fine in my development environment until I turned it off in terminal with Ctrl+C and added react-router-dom to my project. Upon restarting the dev server using vite dev, I am ...
-2
votes
0
answers
43
views
How to correctly set up TailwindCSS v4 with FastAPI + Jinja2 + Vite? (Classes not detected / empty CSS) [closed]
I'm trying to set up a project that uses:
FastAPI (backend)
Jinja2 templates
TailwindCSS v4
Vite (for bundling)
However, I'm running into multiple issues:
TailwindCSS v4 isn't generating any ...
0
votes
0
answers
44
views
How to load all CSS files from a folder using Vite in Laravel 12?
I’m working on a project in Laravel 12 using Vite, and I have a directory like resources/css/partials/ that contains several separate CSS files. Right now, Vite only compiles the files that I ...
-5
votes
1
answer
92
views
React runs useState update twice, possibly due to strict mode, need some details [closed]
this is my code for a vite react + ts calendar
import Day from "./Day";
import style from "./Calendar.module.css";
import { useState } from "react";
import type { ...
-3
votes
1
answer
58
views
Shipping a UI package alongside projects in a monorepo
Given a monorepo containing N projects, I wanted to avoid duplicating components, so I thought of creating a dependency package that only ships the components.
However, if I install TailwindCSS in ...
-6
votes
0
answers
73
views
how to make git recognize the emoji unicode not changed?
the content is generated by unplugin-vue-router, nothing changed but git says it changed. if submit, it will report nothing changed
original content is \u203C\uFE0F, but when vite build run, it will ...
2
votes
1
answer
46
views
How to import types from module without qualified name?
In a React web app I have a typescript module from which I'm exporting a series of types, and I want to import some of them into my App.tsx. The module exporting the types looks like this:
// ...
0
votes
1
answer
61
views
Vitest config for Laravel and Vue
I have a Laravel 12 project built with the Vue starter kit. By default, the project didn't have any frontend testing libraries. I want to add tests in Vitest. When I run vitest, I get the error: Error:...
0
votes
0
answers
33
views
Configuring VueJS to use a single runtime in multiple scripts
I'm using Vite and VueJS in order to build out an application which has the main application scripts, and various plugin scripts which can be loaded in completely independently of the main application ...
Tooling
0
votes
1
replies
51
views
How can I automatically compress images during React build without breaking the asset paths?
I’m working on a React project using Vite as the build tool.
I’d like to automatically compress PNG and JPEG images when building for production, without changing the image import paths (so that ...
-1
votes
0
answers
34
views
ng-cloak stuck in hidden state
ok, so in a really old angular-js app I am working on, there is a div looking like this
<div ng-cloak>
The context seems fine and it should work.
However when running the app i dev mode (with ...
1
vote
1
answer
117
views
Laravel Vite still references old build files after running npm run build again
I’m using Laravel + React + Vite, deployed on shared hosting.
The problem is that Laravel keeps referencing old build files (e.g. old hash names in public/build/assets) even after I run npm run build ...
0
votes
1
answer
129
views
How to properly configure Tailwind v4 with @tailwindcss/vite in a monorepo for shared UI components?
I'm working on a Vue 3 monorepo with the following structure:
packages/
└── ui/
├── src/
│ ├── components/
│ │ └── *.vue
│ └── assets/
│ └── tailwind.css
└── ...
0
votes
0
answers
45
views
MSW intercepts Static assets in Vite
I'm trying to intercept REST API request using MSW, but it keeps hi-jacking static images in public folder
https://mswjs.io/docs/api/is-common-asset-request/
I tried to use isCommonAssetRequest, but ...
0
votes
0
answers
165
views
PWA on Chrome shows line / artifact
A simple PWA works well in Chrome / Android, but if it loses focus by opening another app, and you bring focus back to the pwa, this line above "home" appears. The same thing happens when ...
0
votes
0
answers
38
views
Issue with electron forge
I am building an electron app with preact + typescript with vite tool.
below is my vite config
import { resolve } from 'path'
import obfuscatorPlugin from "vite-plugin-javascript-obfuscator";...
0
votes
0
answers
27
views
Mui Data Grid v8 header button not filtering grid
version
my code is using v8.13.1 of mui/x-data-grid with typescript
Scenario/Outcome
I am trying to have both an inline button with each row that will filter the frontend table and call the api to ...
-1
votes
1
answer
99
views
Application fast in development mode but extremelly slow in production after `npm build` [closed]
I'm having a strange performance problem in my React + Vite application.
Everything works well and quickly during development mode (npm run dev).
Also, when building the project itself (npm run build) ...
0
votes
2
answers
119
views
Dynamic meta tags not showing correctly when sharing on WhatsApp [closed]
I’ve built a React project using Vite, and I’m working on improving SEO and link previews.
I’m using React Helmet to dynamically update the meta title and description based on the current route. When ...
0
votes
0
answers
27
views
Trouble Installing Tailwind [duplicate]
I’m using a MacBook Pro and I’m trying to install Tailwind, but it’s not working. When I run:
npm install tailwindcss @tailwindcss/postcss postcss
npx tailwindcss init -p
I get the following error:
...
-3
votes
1
answer
123
views
Is it possible to use the "/" route for a controller in Laravel with Inertia? [closed]
What I want to set up in .\routes\web.php is something like
Route::resource('/main', CallController::class);
So, if user goes to www.sitename.com/, the index of CallController should be executed and ...
2
votes
1
answer
214
views
Nuxt 4 + tailwindcss + directus gettng error "500 Cannot redefine property: _path"
So I'm trying to do a project in Nuxt 4, and I got a problem when I try to edit any CSS element. It just crashes to 500 Cannot redefine property: _path I tried changing node version because I found ...
1
vote
1
answer
164
views
Tailwind CSS not applying cursor-pointer automatically to <a> and <button> in React + Vite
I'm using Tailwind CSS with React and Vite. I noticed that I have to manually add cursor-pointer to <a> and <button> elements for the pointer cursor to appear.
I thought Tailwind would ...
-1
votes
1
answer
44
views
Deno Deploy build artifacts unexpectedly large (101 MB) despite assets <1 MB for react + vite SPA
I’m deploying to Deno Deploy, and I noticed that the generated build artifacts grows with each buld. it was ~101 MB, now it is 150 MB. my actual assets are less than 1 MB. I use Deno + Vite + React (...
0
votes
0
answers
29
views
Vite build fails on fresh project clone
I have a react+vite client and an express server in a single repo. The setup looks like this:
package.json
{
"name": "lava-sample-bot",
"private": true,
"...