将 EnjoyHint 与 Angular 一起使用

Using EnjoyHint with Angular

我已经创建了一个 angular/ionic 应用程序并想创建某种 tutorial/walk-through。我查看了很多选项(包括推荐最多的 intro.js)并找到了 EnjoyHint。我真的很喜欢它的风格,并想在我的项目中实现它。但是,如果我按照 GitHub page 上的说明使用 npm 安装 EnjoyHint,我会收到以下错误:

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

我玩了一下(我不记得我到底做了什么)并将错误更改为:

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

有没有人尝试过将 EnjoyHint 与 Angular 一起使用?我也愿意使用具有类似风格的其他东西。

如果能得到任何帮助,我将不胜感激。

npm 包在 src 目录中有 jquery.enjoyhint.js,所以我发现如果我从相对路径可以找到必要文件的源目录导入 enjoyhint 就可以了。

import EnjoyHint from "xbs-enjoyhint/src/enjoyhint";

这可能会帮助某人节省时间:

这就是我在我的一个 Angular 项目中使用 enjoyhint 的方式:

  1. npm 安装 xbs-enjoyhint

  2. 遇到同样的错误:

global is not defined

  1. 有两种方法可以解决这个问题(至少我试过了 :D)

    3.1 编辑 polyfills.ts

    3.2 或 update this in index.html <-(我使用了这个选项)

注: 另外我在 angular.json

中导入了 "./node_modules/xbs-enjoyhint/enjoyhint.css"

做过:

ng serve

此后有效