Using EnjoyHint with Angular

Issue

I have created an angular/ionic app and would like to create some sort of tutorial/walk-through. I looked at quite a few options (including intro.js which was recommended the most) and found EnjoyHint. I really like its style and would like to implement it in my project. However, if I follow the instructions on the GitHub page and install EnjoyHint using npm, I get the following error:

Module not found: Error: Can't resolve './jquery.enjoyhint.js' in '\node_modules\xbs-enjoyhint'

I played around a bit (I don't remember what I did exactly) and changed the error to:

ERROR Error: Uncaught (in promise): ReferenceError: global is not defined

Has anyone tried using EnjoyHint with Angular? I would also be open to using something else that has a similar style.

I would appreciate any help I can get.

Solution

This may help someone save time:

This is how I used enjoyhint in one of my Angular project:

1. npm install xbs-enjoyhint

2. Got same Error:

global is not defined

1. There are two ways to fix this (at least what I tried :D)

   3.1 Edit polyfills.ts

   3.2 Or update this in index.html <- (I used this option)

Note: Also I imported "./node_modules/xbs-enjoyhint/enjoyhint.css" in angular.json

Did:

ng serve

After this it worked

Answered By - Abhi