代码之家 › 专栏 › 技术社区 › ProEvilz

如何在Laravel中导入progressbar.js?

npm laravel javascript

ProEvilz · 技术社区 · 8 年前

我想用 this progress bar 在Laravel 5.6.根据progress.js文档,您可以执行以下操作:

var ProgressBar = require('progressbar.js')

在默认情况下 assets/js/bootstrap.js 我拥有的文件:

window._ = require('lodash');
window.Popper = require('popper.js').default;
window.ProgressBar = require('progressbar.js');

但我还是得到了 progressbar is undefined 当我试图在前端使用它时。可以访问Lodash&Popper。

当我徘徊在 window.ProgressBar = require('progressbar.js'); 在VCS中,它说:

找不到模块“progressbar.js”的声明文件。

'/users/proevilz/sites/stream raiders/node_modules/progressbar.js/src/main.js' 隐式具有“any”类型。

尝试 npm install @types/progressbar.js 如果存在或添加新声明(.d.ts) 文件包含 declare module 'progressbar.js';

我按照它的建议做了,但从NPM得到了一个错误,说明没有类型。

这个 main.js 包含:

module.exports = {
    // Higher level API, different shaped progress bars
    Line: require('./line'),
    Circle: require('./circle'),
    SemiCircle: require('./semicircle'),

    // Lower level API to use any SVG path
    Path: require('./path'),

    // Base-class for creating new custom shapes
    // to be in line with the API of built-in shapes
    // Undocumented.
    Shape: require('./shape'),

    // Internal utils, undocumented.
    utils: require('./utils')
};

我到底做错了什么?我可以在不显式引用的情况下加载此包吗 progressbar.js 文件在我的HTML文件中?