Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Isomorphic support?

See original GitHub issue

Working with Next.js i’ve come across with this error:

document is not defined

ReferenceError: document is not defined
    at introJs (...\node_modules\intro.js\intro.js:2330:30)

As I can’t access directly to the DOM (with things like .querySelector()) it’s like a dead end. Does anyone know how to integrate it with SSR, or if there’s something similar for those cases?

Issue Analytics

State:
Created 5 years ago
Comments:6 (1 by maintainers)

Top GitHub Comments

2reactions

HiDeoocommented, Mar 11, 2019

Did you try a dynamic import with SSR disabled for this specific import?

https://github.com/zeit/next.js/#with-no-ssr

1reaction

alanvera48commented, May 13, 2022

@FMGordillo sos de argentina jaja recien lo veo. Estoy tratando de hacer funcionar intro js en next js pero no me deja importarlo de esta manera:

const Xarrow = dynamic(() => import { Steps, Hints } from ‘intro.js-react’;, { ssr: false });

Top Results From Across the Web

Isomorphic Support | Enact

Isomorphic code layout is a special feature which builds projects in a JavaScript layout that can be potentially processed by any environment, ...

Isomorphic JavaScript: The Future of Web Apps - Medium

Meteor is probably the most well-known isomorphic project today. Meteor is built from the ground up to support real-time apps, and the team...

Isomorphic Rendering vs. Dynamic Rendering for JavaScript

js/Io.js and JavaScript within the coding ecosystem can support several different isomorphic frameworks like Rendr, React.js, lazo.js and so on.

a study of drug abuse treatment units - PubMed - NIH

Isomorphism and external support in conflicting institutional environments: a study of drug abuse treatment units. Acad Manage J. 1991 Sep;34(3):636-61.

GitHub - catamphetamine/webpack-isomorphic-tools

webpack-isomorphic-tools is a small helper module providing very basic support for isomorphic (universal) rendering when using Webpack.