Question

我在使用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");

我的Webpack配置文件也非常基本，如下所示：

    var path = require("path");

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

当我通过webpack抽取我的js文件时，我收到了上面提到的错误。当潜入捆绑的webpack文件时，有问题的错误显示如下：

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

无论其！当我通过在指向Waypoints库的html中添加脚本标签而放弃webpack，并在我的html中使用脚本标记指向我的JS文件时，它完全正常。没有任何问题，当我滚动到元素时，我收到警报。

有没有人有任何想法？

Waypoints滚动库＆amp; Webpack - 未捕获TypeError：n（...）不是构造函数

0 个答案: