Библиотека прокрутки путевых точек и Webpack - Uncaught TypeError: n (...) не является конструктором - PullRequest
0 голосов
/ 31 мая 2018

У меня возникают некоторые проблемы с использованием библиотеки Waypoints (http://imakewebthings.com/waypoints/) и Webpack.

При попытке запросить библиотеку Waypoints и запустить пример кода, который я буквально скопировал и вставил с их сайта(Я изменил ID элемента), я получаю эту ошибку в моей консоли:

Uncaught TypeError: n(...) is not a constructor
at Object.<anonymous> (bundle.js:formatted:610)
at n (bundle.js:formatted:11)
at bundle.js:formatted:71
at bundle.js:formatted:72

Мой js-файл сейчас очень прост и выглядит следующим образом:

// var SlideInOnScroll = require('./modules/SlideInOnScroll');
const Waypoint = require('../node_modules/waypoints/lib/noframework.waypoints.js');

var waypoint =  new Waypoint({
  element: document.getElementById('about-text'),
  handler: function() {
    alert('Basic waypoint triggered');
  }
});


console.log("hi from app js, after var waypoint");   

My Webpack configЭтот файл также очень простой и выглядит следующим образом:

    var path = require("path");

module.exports = {
    entry: "./scripts/app.js",
    output: {
        path: path.resolve(__dirname, "./temp"),
        filename: "bundle.js"
    }
}

Когда я прокачиваю свой файл js через веб-пакет, я получаю сообщение об ошибке, о котором я упоминал выше. При погружении в пакетный файл веб-пакета рассматриваемая ошибка показываетследующее:

    new (n(0))({
        element: document.getElementById("about-text"),
        handler: function() {
            alert("Basic waypoint triggered")
        }
    });
    console.log("hi from app js, after var waypoint")
}

ОДНАКО! Когда я отказываюсь от веб-упаковки, добавив в свой HTML-код тег сценария, указывающий на библиотеку Waypoints, и использую тег сценария в моем HTML-файле, чтобы указать на мой файл JS, он отлично работает.Никаких проблем, и я получаю предупреждение, когда прокручиваю элемент.

У кого-нибудь есть идеи?

...