Webpack 4: import AOS from 'aos'; AOS.init(); don't work.

andreimoment commented 5 years ago

How do I import AOS? How do I troubleshoot the import?

I import jquery just above it, and it works, so module compilation works properly.

// this properly imports jquery
import $ from 'jquery';
window.$ = $;

// this does nothing -- how should I troubleshoot?
import AOS from 'aos'; 
AOS.init();

I do have @import '../../node_modules/aos/dist/aos'; in my main.scss and it does hide the elements with data-aos attrubutes.

If I do import using the CDN and the script tag, everything works.

This is:

Bug

Specifications

AOS version: "aos": "^3.0.0-beta.6",
OS: macos
Browser: chrome latest

Expected Behavior

AOS should get imported and initialize

Actual Behavior

nothing happens

Steps to Reproduce the Problem

yarn add aos@next --dev
in a module, add the initialization code
in the html, add the data-aos attributes
the tags with data-aos disappear, no js errors in console or webpack

x1nGoo commented 5 years ago

does it work now ?

andreimoment commented 4 years ago

@x1nGoo not sure I understand your comment. This is not an intermittent issue -- and I haven't seen a new release?

kevinmu17 commented 3 years ago

Old post but I'm running against the same problem. BUT, if i do webpack build it works. Seems only in dev mode that the init is not working.

michalsnik / aos