3

jasny-bootstrapをES6クラスにインポートするにはどうしたらいいですか?ES6 + jasny-bootstrap - エラー:モジュールjasny-bootstrapが見つかりませんか?

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; 
     }); 
    } 
} 

私は一口でそれをコンパイルしようとすると、私はエラーを取得:

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

私はすでにits npm page次NPMでそれをインストールしていると確信しています:

npm install jasny-bootstrap 

これを解決する理由と解決方法はありますか?

EDIT:

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

しかし、それはエラーなしでない作業が示唆ん:

私はフルパスで手動でロードすることができました。

EDIT 2:

jQueryBridget('jasny', Jasny, $); 

まだ運:

私はそれを接着しようとしています。エラー:

Uncaught TypeError: Cannot read property 'option' of undefined

コード全体:それをインポートせずに次に

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

'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; 
     }); 
    } 
} 
+0

あなたがそのフォルダに入ると本当に存在しますか?インポート時に完全なパスを宣言した場合はどうなりますか? 'import jasny from/full-path'' –

+0

'あなたがそのフォルダに入ると本当に存在しますか?そうです、それは 'node_modules'フォルダにあります。 – laukok

+1

もう一つのメーソンリーに関する質問の後で、依存関係をインポートしてもjqueryのインスタンスで自動的に動作するわけではないということを理解する必要があります。 2つの間に接着層があるはずです。 PS:いいえ、私はそれを知らない、ジャスニーまたは石工で働いたことはない。まだ誰もそれを実装していないチャンスがあるので、オープンソースに貢献するチャンスです:-) – zerkms

答えて

0

それはES6 importで動作しますが、で動作しません

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

理想的ではない。

関連する問題