WOW not defined

Topic: WOW not defined

Chen Xiao pro asked 6 years ago

I setup a pro angular project and copy a template html from templates. I found my version's wow animation not working. So I add the codes to the index.html: <script> new WOW().init(); </script> but I get this error: Uncaught ReferenceError: WOW is not defined What I missed?

Add comment

Chen Xiao pro answered 6 years ago

1 0 Best answer

Resolved, my fault. I simply copy the template's html content to my angular project, not work. I test the components separately, it's ok. I think template's content need some work to use in my angular4 project. MDB guys, you did great work, proceed, please.

Add comment

Diego Zacarias free answered 3 years ago

0 0 Best answer

Please insert min. 20 characters.

I'm using angular 9 and got this msg

core.js:6228 ERROR ReferenceError: WOW is not defined at NgwWowService.init (ngx-wow.js:125) at new AppComponent (app.component.ts:15) at NodeInjectorFactory.AppComponent_Factory [as factory] (app.component.ts:16) at getNodeInjectable (core.js:5993) at instantiateRootComponent (core.js:12819) at createRootComponent (core.js:26475) at ComponentFactory$1.create (core.js:34097) at ApplicationRef.bootstrap (core.js:43095) at core.js:42683 at Array.forEach ()

Arkadiusz Idzikowski staff commented 3 years ago

Do you use any WOW animations in your app or any external dependency responsible for animations?

fanny111 free commented 2 years ago

having the same issue . how do i setup wow for angulr mdb?

Arkadiusz Idzikowski staff commented 2 years ago

@fanny111 I already answered here: https://mdbootstrap.com/support/angular/wow-angular-animations/

Add comment

Dawid Adach pro answered 6 years ago

2 1 Best answer

In case you are facing similar issue please make sure that wow is loaded:

<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>

<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.2.2/web-animations.min.js"></script>

And initialize:

<script>

    new WOW().init();

</script>

Chen Xiao pro commented 6 years ago

My fault, I use the template html directly. But angular pro has it's specific syntax, I changed to angular component, everything is ok. Thank you. Btw, template should have different version, I think.

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Chen Xiao

Pro User 52Support score
7Questions 8Answers 0Snippets