Comments (19)
kiliman
commented on May 20, 2024
It's hard to say without seeing more code. It should just work.
Anyway, have you tried creating a new Vite project to verify your setup works? Also try deleting node_modules and reinstalling to see if that clears it up.
Also test if your app works as a production build vs vite dev server. Run npm run build && npm start
from remix.
Apsysikal
commented on May 20, 2024
I have not tested it with a new Vite template. Also I don't know to what extend I'd need to go to be sure it's an error with the current setup. Also it doesn't happen in a reproducable way - Or not that I'd notice a pattern.
I did not see it happen after building, which leads me to believe it's a problem in dev mode.
The code is available here and is based on the Indie Stack: https://github.com/Apsysikal/mokupona/tree/dev
from remix.
kiliman
commented on May 20, 2024
Hmm.. I'm not seeing any errors, except for hydration failure.
I would recommend using React Canary to resolve those errors.
{
"dependencies": {
"react": "18.3.0-canary-a870b2d54-20240314",
"react-dom": "18.3.0-canary-a870b2d54-20240314"
},
"overrides": {
"react": "18.3.0-canary-a870b2d54-20240314",
"react-dom": "18.3.0-canary-a870b2d54-20240314"
}
}
Hydration error only on className (which could be resolved using <body suppressHydrationWarning>
from remix.
Apsysikal
commented on May 20, 2024
Hmm, I can try it with canary. Thank you :)
Are you on the main branch? I think that one is not on vite just yet.
from remix.
dkjym
commented on May 20, 2024
This is happening for me too.
It happens when I edit a file and navigate to an index page.
When I delete all the meta functions it won't happen.
from remix.
Related Issues (20)
- process.env.DATABASE_URL is hard coded after vite build and will that considered as leakage? HOT 1
- Environment variables not available in AWS ECS instance. HOT 2
- "Hydration failed ..." in standard vite template application HOT 4
- The import type { MetaFunction } and import { type MetaFunction } have different behaviors when build HOT 3
- Empty JS chunk created for resource route
- Error: Cannot reach Remix dev server at localhost:3001/ping HOT 5
- `npx create-remix@latest` says `Oh no! Failed to initialize git.` HOT 5
- Vite custom express migration docs don't mention 'source-map-support'
- using the default .eslintrc.js does not lint any files that exist in .server or .client folders HOT 4
- Cannot import "exports": { "module": ... } without type=module configured packages, instead we could get an error: Cannot use import statement outside a module HOT 1
- @remix/node should not be forced to install polyfills HOT 1
- SyntaxError: Unexpected token ',' HOT 1
- vite template doesn't start (dev server origin not set) HOT 6
- Vite thinks certain modules are CommonJS with Remix HOT 1
- TypeError: Unknown file extension ".ts". Not working dev/build with express server and import files HOT 1
- ✘ [ERROR] Could not resolve "lightningcss" ONLY when running `remix dev` HOT 1
- `No match URL` error occurs. (CloudFlare Pages) HOT 2
- docs: Invalid link for `Splat Route` at `Not found handling` HOT 1
- Vite hangs on fresh npm install when using `installGlobals` HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from remix.