如何将 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;
});
}
}
最佳答案
它不适用于 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;
});
}
}
不理想。
关于node.js - ES6 + jasny-bootstrap - 错误 : Cannot find module jasny-bootstrap?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39951068/