2017-01-07 7 views
0

現在gulpを使用してnpmでプロジェクトを設定しています。
node_modules-bootstrap-sassとjquery-foldersを含むmapです。npmで起動するbootstrap-sassを取得できません

src-folderからdist-folderにビルドします。 dist-folderはwebbrowserにロードされます。スタイルなど私main.scssで

(SRC /スタイル/ main.scss)私はbootstrap.scssをインポートします。

@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap-sprockets"; 
@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; 

すべての作業、私は実行しているjQueryの(ブートストラップを取得することはできませんよ除いNPMブートストラップ--save
jqueryのをインストールNPMインストールでインストールされました:ナビゲーション、携帯のメニューも、私は

ブートストラップ-SASSを使ってインストールしたbootstrap.jsも中にロードされていない事)していますので、動作していないようですjquery --save

main.jsコード(SRC /スクリプト/ main.js):

$(document).ready(function() { 
    console.log('ready!'); 
}); 

コンソールエラー:

Uncaught ReferenceError: $ is not defined 
    at main.js:3 

だから私はすでに検索し、コードを変更しmain.js内

私のメイン.jsファイルコード:

var $ = require('jquery'); 
window.$ = $; 
require('bootstrap-sass'); 

$(document).ready(function() { 
    console.log('ready!'); 
}); 

ここで、ブラウザコンソールで次のエラーが表示されます。

+0

この全く同じ問題が発生しています。あなたは解決策を見つけることができましたか? – skipZero

答えて

0

少し試行錯誤した後、これは私がbootstrap-sassとjQueryを使用していたときに思いついたものです。以下のコードでは大文字の「Q」に注意してください。 :)

const $ = require('jquery'); 
window.jQuery = $; 
const bootstrap = require('bootstrap-sass'); 

次に、browserifyで、あなたは良いはずです。 :D

関連する問題