Cannot use waypoints in webpack 4

[kytosai]

When i import waypoints

import Waypoint from 'waypoints'

new Waypoint({
  element: document.getElementById('pd-block__cart-segment'),
  handler: function() {
    console.log('Scrolled to waypoint!')
    console.log(direction)
  }
})

Console log error

product-detail-page.js:119 Uncaught TypeError: _noframeworkWaypoints2.default is not a constructor
    at Object../src/js/partials/product-detail-page/product-detail-page.js (product-detail-page.js:119)
    at __webpack_require__ (bootstrap:78)
    at Object.11 (product-detail-page.js?v=1533175534:14085)
    at __webpack_require__ (bootstrap:78)
    at checkDeferredModules (bootstrap:45)
    at ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/js/vue/global/HeaderBlockCateSegment.vue?vue&type=script&lang=js&.Object.defineProperty.value (bootstrap:151)
    at bootstrap:151

Please help me fix it

[m-bodmer]

Same here, I am using "webpack": "^4.16.5"

[ccharlton]

I keep reading this Waypoints library isn't compatible with Webpack. Still true?

[ndq11]

Change import Waypoint from 'waypoints' to import waypoint from 'waypoints'. As stated in error message - it's not a constructor it's already compiled library, You cannot use it this way. But by attaching script to your page it makes constructor globally accessible on the page.

[AdamLemire]

/ global Waypoint / import 'waypoints/lib/jquery.waypoints.min.js';