Comments (7)
@Zakini I ran into the same problem, I've outlined the steps below to run the fork:
- Check out the fork:
git clone https://github.com/MichaelDeBoey/indie-stack.git
- Switch to the branch containing the fixes:
fix-convert-to-js
git checkout -b fix-convert-to-js origin/fix-convert-to-js
- Install dependencies.
npm install
- Run init script as described in README.
npx remix init
- Test if everything works by running the app.
npm run dev
- Remove
.git
directory to remove references to @MichaelDeBoey's repository.
rm -rf .git
from indie-stack.
This will be fixed by #138
from indie-stack.
Ah, if using a specific branch from a fork is the answer, you can do that more easily with npx create-remix
:
npx create-remix --template https://github.com/MichaelDeBoey/indie-stack/tree/fix-convert-to-js
from indie-stack.
As @Zakini said: npx create-remix --template https://github.com/MichaelDeBoey/indie-stack/tree/fix-convert-to-js
will indeed do the trick
from indie-stack.
What's the workaround in the meantime? Should we use an older version, and if so, how do we do that with npx create-remix
and what's the latest version that doesn't have this bug?
from indie-stack.
I created a project using npx create-remix --template https://github.com/MichaelDeBoey/indie-stack/tree/fix-convert-to-js
. I get the following warnings and errors in my console:
-
react-dom.development.js:86 Warning: Expected server HTML to contain a matching <head> in <html
-
Uncaught Error: Hydration failed because the initial UI does not match what was rendered on the server.
-
react-dom.development.js:86 Warning: An error occurred during hydration. The server HTML was replaced with client content in <#document>.
-
Uncaught Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.
Also, I'm going through the Developer Blog tutorial, the request form data is empty in the action:
export const action: ActionFunction = async ({ request }) => {
const formData = await request.formData();
console.log({formData});
return redirect("/posts/admin");
}
This logs:
{ formData: FormData {} }
Windows 10
Node v16.13.1
npm v8.1.2
from indie-stack.
@MattDClarke Do you have any browser extension enabled?
Please open another ticket if you still have the problem after disabling all your browser extensions.
from indie-stack.
Related Issues (20)
- Logout directly by hiting http://localhost:3000/logout should remove the cookie stored in the browser HOT 3
- Collaborator init script is missing HOT 5
- Warning: Expected server HTML to contain a matching <meta> in <head> HOT 5
- Fly Instance runs out of memory on deployment HOT 11
- Failed app run HOT 3
- Missing Environment Variables when Prisma is removed HOT 3
- Env variables undefined in build but fine in dev HOT 1
- pnpm is not preinstalled and causes an error in Cypress HOT 3
- No region defined in the fly deploy command, causes deployment to crash HOT 10
- Remix and Cypress hydration problem HOT 7
- hydration failed,and css file will request twice HOT 1
- npm run dev errors out in windows machines with "Cannot find module '--require/package.json'"
- Error during deployment in Fly.io, Dockerfile needs to give permissons to `start.sh` script HOT 3
- Timeout when Running e2e tests on a fresh installation
- Typecheck fails because it can't find definitions for cypress or @testing-library/cypress HOT 6
- throw new Error(`Failed to kill process ${pid}: ${error}`) after code change HOT 3
- Tailwind SourceMap/EsBuild Issue HOT 4
- Error upon deployment: you must be authenticated
- Cypress custom commands doesn't load HOT 2
- Use `fly launch`/`dockerfile-node` instead of `.dockerignore`, `Dockerfile`, `fly.toml` & `start.sh` HOT 9
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 indie-stack.