auth0.js: Import fails on node.js because window is not defined

Description

import auth0 from "auth0-js"; causes an exception on nodejs

Prerequisites

I have checked the documentation for this library.
I have checked the Auth0 Community for related posts.
I have checked for related or duplicate Issues and PRs.
I have read the Auth0 general contribution guidelines.
I have read the Auth0 Code of Conduct.

Environment

Please provide the following:

Version of Auth0.js used: 9.11.1
Browser and OS version(s) affected: Any nodejs
Additional libraries or browser extensions being used that might affect behavior: N/A

Reproduction

$ yarn add auth0-js
$ node
> const auth0 = require("auth0-js");

Output:

Thrown:
ReferenceError: window is not defined

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 1
Comments: 23 (10 by maintainers)

Most upvoted comments

I had a nice conversation with @timneutkens and @developit and they helped me finding a solution for this. We’ll fix this in the next release: https://github.com/auth0/idtoken-verifier/pull/42

Thanks for your patience 🎉

luisrudge on Jul 3, 2019

Hi everyone. This was fixed in the latest version. Thanks for your patience 🎉

import { useEffect } from "react";
import { WebAuth } from "auth0-js";

function Home() {
  useEffect(() => {
    const auth = new WebAuth({
      domain: "test.auth0.com",
      clientID: "alsdhalskhd02h0"
    });
  }, []);
  return <div>Welcome to Next.js!</div>;
}

export default Home;

luisrudge on Jul 15, 2019

We’ll release a new version on Monday.

luisrudge on Jul 12, 2019

I think this is an issue with auth0-js.

First of all, this problem has been recently introduced, since 9.10.4 works great, 9.11.x causes my builds to break. When using ^9.10.4, 9.11.x will be installed automatically. So if no lock file used, builds will break.

Second, it really is not hard to check for window to exist (typeof window !== ‘undefined’).

Third, there is valid reasons to use auth0-js in server rendered apps. Cases where you may for example show a placeholder in your sidebar and then, on client side, if user is logged in, render the avatar image. The whole stuff that is user specific can easily be lazy loaded on the client side after initial render.

bkniffler on Jul 2, 2019

This library is not meant to be used in nodejs. Checkout https://github.com/auth0/node-auth0

luisrudge on Jul 2, 2019

Working now. Thanks!!

H3RSKO on Jul 15, 2019

Why is this issue closed without resolution? We ran into the same problem on what was expected to be just a minor version bump with no breaking changes. Our web app is also an isomorphic react app.

dgilling on Jul 13, 2019