如何在Laravel中导入Progressbar.js?

时间:2018-07-07 03:27:04

标签: javascript laravel npm

我正在Laravel 5.6中尝试使用this progress bar。根据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。

当我将鼠标悬停在VCS中的window.ProgressBar = require('progressbar.js');上时,它说:

  

找不到模块'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')
};

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

1 个答案:

答案 0 :(得分:1)

在对流进行更多帮助之后,问题似乎在于它没有保存为开发依赖项,而是保存为常规依赖项。解决方法是将其移至package.json文件中并运行npm install