Comments (6)
Unfortunately I have no experience with webpack module federation. If I had to guess I would say this is probably something to do with the interaction between webpack experimental webassembly module support and whatever module federation is, but I can't offer you much help there - you'll probably need to dig into it a bit yourself. Maybe try reproducing this with a minimal webassembly dependency to check if it's automerge specific or just a general problem with webassembly dependencies?
from automerge-classic.
It looks like this app was created with create-react-app
, which has some issues using webassembly. If you take a look at the "create react app" tab of https://automerge.org/docs/quickstart/ you can see one way to fix this, alternatively take a look at the javascript/examples/create-react-app
demo at https://github.com/automerge/automerge-rs/tree/main/javascript/examples/create-react-app (note, not in this repo).
from automerge-classic.
I made it work using CRA as described in the docs. But the issue is when I try to use Module Federation, using the 1.0.1-preview.7 works fine... while the 2.0 break it.
from automerge-classic.
Have you tried using webpack directly rather than create-react-app? In my experience create-react-app is extremely buggy when it comes to webassembly bundling.
from automerge-classic.
yes, the sample app (folder create-project-mf) is using automerge + webpack (not CRA), but when integrating with MF, it breaks, and using older version of automerge works fine.
from automerge-classic.
I found the issue, there are two things that fixed using Automerge as Module Federation. React.lazy
and Suspense
from automerge-classic.
Related Issues (20)
- Automerge.merge() is inconsistent HOT 5
- Maximum call stack exceeded when initializing Automerge.Text with large (500kb) string HOT 4
- Can't apply changes to clone HOT 1
- Uncaught TypeError: Unsupported type of value: function HOT 3
- Uncaught TypeError: Unsupported type of value: undefined HOT 6
- Keeping track of most recently used items HOT 3
- Conflict is not recognised when there are multiple key assignments HOT 8
- × "TypeError: Not a byte array: 133" error when userB receives data from userA. HOT 2
- indexOf fails in a proxy with undefined index HOT 1
- What are the strategies to sync with remote storage? HOT 6
- Can't install [email protected] because it has a dependency on [email protected] HOT 1
- save/load is not working for me (or maybe I'm doing something wrong) HOT 1
- Please create Go package HOT 1
- Text editor binding HOT 1
- No matching version found for [email protected] HOT 6
- rollup can't find wasm exports HOT 1
- Cloudflare workers FinalizationRegistry not defined HOT 2
- get change message(s) from Automerge.getChanges() HOT 1
- Right way to update data schema
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 automerge-classic.