JavaScript 进度条:未定义 Require

JavaScript progress bar : Require is not defined

本文关键字:未定义 Require JavaScript      更新时间:2023-09-26

我正在尝试从这个站点在我的应用程序中使用进度条:https://github.com/kimmobrunfeldt/progressbar.js

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

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);

但它给我抛出了一个错误说

捕获的引用错误:未定义要求

如何获取对对象的引用,给定其文件名?

谢谢

查看下方

https://github.com/kimmobrunfeldt/progressbar.js#loading-module

如果不使用模块加载器尝试下面的代码"全局变量"

否则,使用模块加载器

http://requirejs.org/docs/start.html

require在

标准Javascript上不可用,但它是Node的一部分.js并用于加载javascript模块(有关node的更多信息.js require:http://nodejs.org/api/modules.html)。

要在标准 Javascript 中使用 require,您需要单独包含模块加载器。在这种情况下,我认为您缺少以下内容:http://requirejs.org/docs/start.html