Realm web-sdk and VueJS

[Mellorad (Adam)]

Using a fresh/default Vue application created by the Vue-CLI and installing Realm web-sdk will break the application with console errors:
Uncaught TypeError: Cannot use 'in' operator to search for 'node' in undefined

This is also the case with a Svelte app too, although it breaks at compile-time and not in the browser.

@kraenhansen
@Drew_DiPalma

[Sumedha_Mehta1 (Sumedha Mehta)]

Hi Mellorad,

This might answer your question

Can not import realm web-sdk into vanilla JS application

The example assumes that your using a bundler like WebPack, Parcel.js or Rollup.js that understand ES6 modules and resolvese these dependencies before they reach an end-users browser. We’re currently working on releasing Realm Web in a self-executing function (‘iife’) format, which can be included in the package as well as uploaded to a CDN for direct consumption by end users via a URL. Would either of these work in your situation?

You can also track progress of our Realm-Web SDK here - Merge Stitch and Realm SDKs - Realm Web - phase 2 · Issue #2826 · realm/realm-js · GitHub

In the meantime, our legacy stitch browser SDK will work with applications Vue.JS. You can see download and usage documentation here