如何在Laravel中导入Progressbar.js？

Question

我试图在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时，仍然得到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如果存在）或添加一个包含declare module '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文件的情况下加载此程序包？

Answer 1

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