I have a simple react app (Vite project) app.tsx import "./common-styles.css"; export default function App() { return ( <div className="app"> <div className="interactive"> content content </div> </div> ) } with only 1 css file common-styles.css @property --interactive-color { syntax: "<color>"; inherits:…
vite.config.ts import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], resolve: { alias: { "@": path.resolve(__dirname, './src'), }, }, }) tsconfig.json { "files": [], "references": [{ "path": "./tsconfig.app.json"…
I have a React app https://codesandbox.io/p/sandbox/q6l8jp that uses the react-use-is-online npm package to check online and offline status. The package works perfectly, displaying appropriate messages for online and offline states. However, when I try to reload my browser while offline,…
I'm trying to dynamically import a Svelte component in my project, but I'm encountering a TypeError when including the file extension in the variable that holds the component name. Here is the working example: const componentName = "MyComponent"; let importedComponent…
Is it possible to create define a web worker such that it does not have to load from an external file during runtime in a vite project? I am building a browser that depends on a web worker file and…
In Laravel 11 with vite I am loading a font in my .scss file: src:url("../fonts/my-font.eot"); Vite build this into this css: src:url(/build/assets/my-font.eot); How can I tell vite to create relative URLs like: src:url(./my-font.eot); Absolute path would be fine to, if…
I get the following error when I click: Uncaught TypeError: can't access private field or method: object is not the right class #clickEventHandler index.js:67 enable index.js:45 I don't get any errors in my IDE and I don't understand what might…
I'm using a dockerized react+express+nginx stack. For some reason, I can only use hooks inside a few Route components from react-router-dom v6. Example: App.jsx <div className="App"> <Routes location={state?.backgroundLocation || location} > <Route path="/" element={<Layout />} > <Route index element={<TitleScreen />}…
I am building a react web app and i am getting SyntaxError: Unexpected token '<' when importing react components that are in an array object from '..utils/constants' .js file. My code is something like: // SideBar.jsx // React Component import…
I was using create-react-app before and now I switched the same project to vite and everything working fine except I am getting a warning log as follows Deprecation [legacy-js-api]: The legacy JS API is deprecated and will be removed in…