Есть много похожих вопросов, включая ответы здесь о переполнении стека, но ни один из них не сработал для меня, поэтому здесь я спрашиваю вас, ребята. Я ценю время каждого.

Недавно я начал использовать gulp с browserify, и это прекрасно работает. Затем я попытался использовать browserify для внешнего интерфейса, используя: Backbone и Bootstrap3.

все кажется работающим, пока я не попытаюсь потребовать файл js, который идет с Bootstrap. Я получаю сообщение об ошибке в моих инструментах chrome, в котором говорится: jQuery не определен.

Я попытался включить это, но я очень смущен этим. Я использую jQuery 2.1.1, поэтому мне не нужно шимить jQuery, но он теперь существует в шиме, так как я был в отчаянии и пробовал все. Вот мой package.json и мой файл main.js:

-------------- package.json ------------------

{
  "name": "gulp-backbone",
  "version": "0.0.0",
  "description": "Gulp Backbone Bootstrap",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Rob Luton",
  "license": "ISC",


  "devDependencies": {
    "jquery": "^2.1.1",
    "backbone": "^1.1.2",
    "browserify": "^4.2.1",
    "gulp": "^3.8.6",
    "vinyl-source-stream": "^0.1.1",
    "gulp-sass": "^0.7.2",
    "gulp-connect": "^2.0.6",
    "bootstrap-sass": "^3.2.0",
    "browserify-shim": "^3.6.0"
  },

  "browser": {
    "bootstrap": "./node_modules/bootstrap-sass/assets/javascripts/bootstrap.js",
    "jQuery": "./node_modules/jquery/dist/jquery.min.js"
  },

  "browserify": {
    "transform": ["browserify-shim"]
  },

  "browserify-shim": {
    "jquery": "global:jQuery", 
    "bootstrap": {
      "depends": [
        "jQuery"
      ]
    }
  }
}

------------------------- main.js ----------------------

var shim = require('browserify-shim');
$ = require('jquery');
var Backbone = require('backbone');
Backbone.$ = $;
var bootstrap = require('bootstrap');

/* the following logs fine if I comment out the bootstrap require, otherwise I get 'jQuery undefined' */

console.log(Backbone);
$(function() {
    alert('jquery works');
});