ngx-wow 不工作 angular 5

Question

我以前从未使用过这个库，希望有人能帮助我，

好的，所以我正在尝试使用 ngx-wow 库，但我无法让它工作..所以按照说明进行操作

我运行 yarn add wowjs

我添加到angular-cli.json

"scripts": [
   "../node_modules/wowjs/dist/wow.js"
]

我也以同样的方式添加了animate.css作为全局依赖

"styles": [
   "../node_modules/animated.css/animate.css"
]

然后我按照这样的说明安装 ngx-wow..

`yarn add ngx-wow`

然后在我的主模块中导入了 ngwWowModule

import { NgwWowModule } from 'ngx-wow';

@NgModule({
    declarations: [...],
    imports: [NgwWowModule.forRoot(), ...],
    bootstrap: [...]
})

然后在我要使用的组件中wow.js

import { NgwWowService } from 'ngx-wow';

...


constructor (
   private wowService: NgwWowService
)

ngOnInit() {
   this.wowService.init();
}

在我的组件中 html

<div class="wow fadeIn"></div>

但我无法让它在我的控制台中运行我收到此错误...

我不确定我做错了什么任何帮助将不胜感激！

Answer 1

我没有发现任何重大问题，尝试在 angular-cli.json[ 中添加 main.js 而没有 min.js =13=]

scripts": [
        "../node_modules/wowjs/dist/wow.min.js"
]

并在构造函数下初始化

 constructor(private wowService: NgwWowService) {
    this.wowService.init();
  }

和样本HTML

 <h1 class="section-heading pt-4 wow fadeInUp" data-wow-delay="0.6s">Why is it so great?</h1>

ngx-wow not working angular 5