node.js - ES6 + jasny-bootstrap - 错误 : Cannot find module jasny-bootstrap?

Question

如何将 jasny-bootstrap 导入到我的 ES6 类中？

ES6:

'use strict';

import $ from 'jquery';
import jasny from 'jasny-bootstrap';

class PushMenu {
    constructor() {
        this.slideShown = false;
        $('.navmenu').on('shown.bs.offcanvas', () => {
            this.slideShown = true;
        });
    }
}

当我尝试用 gulp 编译它时出现错误:

{ Error: Cannot find module 'jasny-bootstrap' from '/var/www/my-project/js'

我确定我已经在 its npm page 之后用 npm 安装了它:

npm install jasny-bootstrap

关于为什么以及如何解决这个问题的任何想法？

编辑:

我设法用完整路径手动加载它:

import jasny from '../node_modules/jasny-bootstrap/dist/js/jasny-bootstrap';

但它确实不没有错误提示。

编辑 2:

我试过用它粘起来:

jQueryBridget('jasny', Jasny, $); 

但仍然没有运气。错误:

Uncaught TypeError: Cannot read property 'option' of undefined

完整代码:

'use strict';

import $ from 'jquery';
import bootstrap from 'bootstrap';
import Jasny from '../node_modules/jasny-bootstrap/dist/js/jasny-bootstrap.js';
import jQueryBridget from 'jquery-bridget';

jQueryBridget('jasny', Jasny, $);

class PushMenu {
    constructor() {
        this.slideShown = false;
        $('.navmenu').on('shown.bs.offcanvas', () => {
            this.slideShown = true;
        });
    }
}

Answer 1

它不适用于 ES6 import 但适用于:

<script src="vendor/jasny-bootstrap/jasny-bootstrap.js"></script>

然后不导入它:

class PushMenu {
    constructor() {
        this.slideShown = false;
        $('.navmenu').on('shown.bs.offcanvas', () => {
            this.slideShown = true;
        });
    }
}

不理想。