All Questions
201
questions
0
votes
0
answers
18
views
React application not correctly "pathing" my image
I have a React application created using Vite. I am also using Styled Components. Everything works fine, except when I specify my background image, it is not creating a correct path.
As you can see, ...
0
votes
0
answers
22
views
React | aos | node | Unknown file extension ".css" for /home/user/.../aos/dist/aos.css with
I am trying to use aos on a website based on React.
Here is the component I created according to https://getisotope.com/post/react-aos:
//AOSs.tsx
import AOS from "aos";
import "aos/...
0
votes
1
answer
37
views
Is it possible to make a contentEditable div have a fixed height in React.js?
I have this contentEditable div and I need it to have a fixed size/capacity. The div should not keep making new lines if it reaches the capacity and the user shouldn't be able to keep typing in the ...
0
votes
0
answers
24
views
Is it redundant to have a function to load all the file not in the dist folder in a Vite React Project?
Before I say what the problem is could I get some links to some resources that help me understand how Vite build files and how the whole build process works? Especially when it comes to the asset ...
0
votes
0
answers
21
views
External react libraries CSS styling not working with shadow dom
I am trying to make a chatbot with react js, vite and typescript. I am using shadow DOM to turn it into a reusable web component but the problem is, the external react library im using, react-chatbot-...
0
votes
0
answers
22
views
React Page getting blank after changing css
I was stylishing the navbar of my react page, when after changing the color of the selected button of the navbar, the page suddently got blank, and I don't know the reason, I already tried to ctrl+z ...
0
votes
0
answers
44
views
Excluding style sheets from another library in vite config
I'm working on a Vite project and I need to exclude certain CSS files from the build process. These CSS files are located in the node_modules directory, and I don't want them to be included in the ...
0
votes
1
answer
60
views
How to use SVG from file with multiple SVGs by ID selector with ::before
Core problem:
I am using a third party library where I can only set text (no HTML or JS) as a label, but I want to add an icon before the text. The icon is part of an svg file that contains multiple ...
0
votes
0
answers
32
views
The auto complete in my VS code running a vite project doesn't show the suggestions for .module.css files
When I'm importing css module files or any .css files in my components:
import classes from './'
In CRA projects, after I type that ./ it shows suggestions of files in the folder like this:
But in ...
0
votes
1
answer
71
views
How to dynamically color an imported SVG icon in Svelte without CSS filters?
I am running into trouble trying to achieve a simple task: with an icon imported into a Svelte component using Vite's asset import, how can I change the color of the icon?
<script>
// This ...
0
votes
0
answers
28
views
Vite Vanilla Js build is showing blank page in live server
I installed the latest Vite template using Vite Official Docs.
I am using the Vanilla JS,
The problem is that when I create a build by using npm run build and open it with a live server.
It will show ...
0
votes
0
answers
65
views
Error in import default from css file using vite and webpack
I'm trying to migrate from Create react app to Vite. But now I have the following error in on of the packages that I use in my React app.
[vite] connecting... client.ts:19:8 [vite] connected. client....
0
votes
0
answers
102
views
Vite Production Build: CSS/JS Not Loading
I'm having trouble with my HTML, CSS, and JavaScript project using Vite. I'm building a Recipe Website with the MealDBAPI. The project works locally, but when I build it for production using npm run ...
0
votes
0
answers
47
views
Issues with CSS and Routing After Migrating from Create React App to Vite
I recently migrated my project from Create React App (CRA) to Vite for better performance and developer experience. While everything works perfectly fine locally during development, I encountered a ...
0
votes
1
answer
44
views
Vite 5 not importing scss variables
For some background we have a bunch of theme colors provided by a designer and are trying to integrate them into a single source of truth as they change often during the prototyping phase.
To this end ...