У меня возникают некоторые проблемы с использованием библиотеки 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, он отлично работает.Никаких проблем, и я получаю предупреждение, когда прокручиваю элемент.
У кого-нибудь есть идеи?