首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ES6 +jasny-引导-错误:无法找到模块jasny-引导?

ES6 +jasny-引导-错误:无法找到模块jasny-引导?
EN

Stack Overflow用户
提问于 2016-10-10 03:51:28
回答 1查看 377关注 0票数 3

如何将jasny引导程序导入到我的ES6类中?

ES6:

代码语言:javascript
复制
'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编译它时,我得到了一个错误:

代码语言:javascript
复制
{ Error: Cannot find module 'jasny-bootstrap' from '/var/www/my-project/js'

我确信我已经在其npm页面之后用npm安装了它

代码语言:javascript
复制
npm install jasny-bootstrap

有什么好的解决办法吗?

编辑:

我用完整的路径手动加载了它:

代码语言:javascript
复制
import jasny from '../node_modules/jasny-bootstrap/dist/js/jasny-bootstrap';

但是它做的是,而不是,没有错误提示。

编辑2:

我试着用:

代码语言:javascript
复制
jQueryBridget('jasny', Jasny, $); 

但还是没有运气。错误:

未定义TypeError:无法读取未定义属性的“选项”

整个守则:

代码语言:javascript
复制
'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;
        });
    }
}
EN

回答 1

Stack Overflow用户

发布于 2016-10-10 06:30:46

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

代码语言:javascript
复制
<script src="vendor/jasny-bootstrap/jasny-bootstrap.js"></script>

然后,不需要进口:

代码语言:javascript
复制
class PushMenu {
    constructor() {
        this.slideShown = false;
        $('.navmenu').on('shown.bs.offcanvas', () => {
            this.slideShown = true;
        });
    }
}

不太理想。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39951068

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档