Relative Content

Tag Archive for reactjsvite

Issue with React’s createRoot Function

I’m encountering an issue with React’s createRoot function in my project. When I attempt to use ReactDOM.createRoot(document.getElementById('root')).render(<App />);, I receive the following error in the console: Uncaught Error: createRoot(…): Target container is not a DOM element.

How to get Vite to read Flow types?

I’m getting an error when running the Vite dev environment and it’s related to the Flow types in my code (not my decision to use Flow instead of TS and not something I can change).

npm run dev to launch a React project with Vite not working

failed to load config from C:UsersUserDesktopreact-vitevite.config.js error when starting dev server: Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘vite’ imported from C:UsersUserDesktopreact-vitevite.config.js.timestamp-1716982295133-b70e6cf7ce43e.mjs at packageResolve (node:internal/modules/esm/resolve:844:9) at moduleResolve (node:internal/modules/esm/resolve:901:20) at defaultResolve (node:internal/modules/esm/resolve:1131:11) at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:390:12) at ModuleLoader.resolve (node:internal/modules/esm/loader:359:25) at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:234:38) at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:85:39) at link (node:internal/modules/esm/module_job:84:36) I’ve deleted the node_modules directory and the package-lock.json then run npm […]

npm run dev to launch a reactjs project with vite not working

failed to load config from C:UsersUserDesktopreact-vitevite.config.js
error when starting dev server:
Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘vite’ imported from C:UsersUserDesktopreact-vitevite.config.js.timestamp-1716982295133-b70e6cf7ce43e.mjs
at packageResolve (node:internal/modules/esm/resolve:844:9)
at moduleResolve (node:internal/modules/esm/resolve:901:20)
at defaultResolve (node:internal/modules/esm/resolve:1131:11)
at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:390:12)
at ModuleLoader.resolve (node:internal/modules/esm/loader:359:25)
at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:234:38)
at ModuleWrap. (node:internal/modules/esm/module_job:85:39)
at link (node:internal/modules/esm/module_job:84:36)

Vite: how to fix “does not provide an export named ‘default” when importing createAuthRefreshInterceptor from “axios-auth-refresh/”;

I am importing createAuthRefreshInterceptor into one of my files using:
import createAuthRefreshInterceptor from “axios-auth-refresh”;
I am using this in a npm package and calling that npm package into my own app.
While running npm run dev(vite as my build tool) I am getting this error
The requested module ‘/node_modules/axios-auth-refresh/dist/index.min.js?v=576ed0f7’ does not provide an export named ‘default’
The versions I am using are:
“axios”: “^1.6.0”,

how to fix bug dist html file in live server in vite react

When I create a fresh react app with vite and , without touching any file, i run the first npm install to install the needed dependencies and then i run npm run build and I try to run it locally with live server and it doesnt works by default. The console shows the following errors: