一般的な JS ファイルをラップするために factor-bundle を使用しています。
browserify index.js bar-charts.js list-filter.js dashboard.js
-p [ factor-bundle -o ../../static/js/index.js -o ../../static/js/bar-chart.js -o ../../static/js/list-filter.js -o ../../static/js/dashboard.js ]
-o ../../static/js/common.js
次に、Common.js を HTML に組み込み、Bootstrap アラートを追加しました。
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
Alert alert!
</div>
<script src="/static/js/common.js"></script>
しかし、アラートの閉じるボタンは機能しないため、Bootstrap は明らかにピックアップされていません。
代わりに CDN の Bootstrap と jQuery を同じ HTML ページに含めると、問題なく動作します。
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
Alert alert!
</div>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
ここに私の common.js ファイルを含む JSFiddle がありますが、動作していません: http://jsfiddle.net/2v9easbz/
そして、ここに直接CDNリンクを含むJSFiddleがあり、正常に動作しています: http://jsfiddle.net/vkf027z2/
common.js ファイルの何が問題になっていますか?