JavaScript进度条：未定义Require

我正在尝试在此网站的应用程序中使用进度条：

我在应用程序中编写了以下代码：

var element = document.getElementById('example-clock-container');
        element.innerHTML = '<header id="clock-seconds"></header>';
        var textElement = document.getElementById('clock-seconds');

        var ProgressBar = require('resources/js/progressbar.js')

        var seconds = new ProgressBar.Circle(element, {
            duration: 200,
            color: "#492B2B",
            trailColor: "#F3E4D0"
        });

        setInterval(function() {
            var second = new Date().getSeconds();
            seconds.animate(second / 60, function() {
                textElement.innerHTML = second;
            });
        }, 1000);

var-element=document.getElementById（'example-clock-container'）；
element.innerHTML=''；
var textElement=document.getElementById（'clock-seconds'）；
var ProgressBar=require（'resources/js/ProgressBar.js'）
var秒=新进度条圆（元素{
持续时间：200，
颜色：“492B2B”，
trailColor:#F3E4D0”
});
setInterval（函数（）{
var second=新日期（）.getSeconds（）；
设置动画（秒/60，函数（）{
textElement.innerHTML=second；
});
}, 1000);

但这让我犯了一个错误

未捕获引用错误：未定义require

给定对象的文件名，如何获取该对象的引用

谢谢

看看下面

如果您没有使用模块加载器 试试下面的代码 “全局变量”

否则，使用模块加载器

---

require在标准Javascript上不可用，但它是Node.js的一部分，用于加载Javascript模块（有关Node.js require的更多信息：）

要在标准Javascript中使用require，需要单独包含模块加载器。在这种情况下，我认为您忽略了以下内容：