requirejs blueimp fileuploader загружает только файлы min.js и ничего другого

Так что я новичок в requirejs и backbone, но я пытаюсь загрузить все зависимости для загрузки файлов blueimp на моем локальном компьютере и не загружать внешние скрипты. вот мой файл config.js:

// Set the require.js configuration for your application.
require.config({

  // Initialize the application with the main application file.
  deps: ["main"],

  paths: {
    // JavaScript folders.
    libs: "../assets/js/libs",
    plugins: "../assets/js/plugins",
    vendor: "../assets/vendor",
    api : "../assets/js/libs/api",

    // Libraries.
    jquery: "../assets/js/libs/jquery",
    jqueryui: "../assets/js/libs/jquery-ui",
    lodash: "../assets/js/libs/lodash",
    backbone: "../assets/js/libs/backbone",
    handlebars: "../assets/js/libs/handlebars",
    bootstrap : "../assets/js/libs/bootstrap",
    jqueryuiwidget : '../assets/js/libs/jquery.ui.widget',
    jstemplates : '../assets/js/libs/tmpl.min',
    jsloadimage : '../assets/js/libs/load-image.min',
    jscanvastoblob : '../assets/js/libs/canvas-to-blob.min',
    iframetransport : '../assets/js/libs/jquery.iframe-transport',
    fileupload : '../assets/js/libs/jquery.fileupload',
    fileuploadfp : '../assets/js/libs/jquery.fileupload-fp',
    fileuploadui : '../assets/js/libs/jquery.fileupload-ui'
  },

  shim: {
    // Backbone library depends on lodash and jQuery.
    backbone: {
      deps: ["lodash", "jquery", "jqueryui", "api", 'jqueryuiwidget', 'jstemplates', 'jsloadimage', 'jscanvastoblob', 'iframetransport', 'fileupload', 'fileuploadfp', 'fileuploadui'],
      exports: "Backbone"
    },

    handlebars : {
        attach: "Handlebars"
    },

    api : {
        attach : "api"
    },

    bootstrap: {
      deps: ["jquery"]
    },

    // Backbone.LayoutManager depends on Backbone.
    "plugins/backbone.layoutmanager": ["backbone"]
  }

});

я знаю, что я не должен помещать все эти другие файлы в качестве зависимостей для магистрали, но я просто пытаюсь загрузить их.

что происходит, он загружается без каких-либо ошибок, но когда я смотрю на страницу, он загружает только canvas-to-blob.min.js, load-image.min.js и tmpl.min.js.

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

2 ответа

Решение
shim: {

backbone: {
  deps: ["lodash", "jquery"],
  exports: "Backbone"
},

bootstrap: { deps: ["jquery"] },
widget: { deps: ["jquery"] },

// backbone plugins
"plugins/backbone.layoutmanager": ["backbone"], 
"lib/jquery.fileupload": ["jquery", "widget"],
"lib/jquery.fileupload-fp": ["jquery", "lib/load-image", "lib/canvas-to-blob",        
"lib/jquery.fileupload"],
"lib/jquery.fileupload-ui": ["jquery", "lib/tmpl", "lib/load-image",  
"lib/jquery.fileupload-fp"]
}

И вы должны заменить пути переменными пути из config в части define[] всех js-файлов, которые я сделал так же, и это работает для меня.

Попробуйте использовать файл load-image вместо файла load-image.min из этого источника https://github.com/blueimp/JavaScript-Load-Image, у меня это хорошо работает:)

Другие вопросы по тегам