'definieren' ist nicht definiert " - Fehler auf RequireJS & Yo Webapp-generator

Laden Sie Ihre Skripte manuell hier und hier, was die ganze Sache requireJS nutzlos. Sie laden main ersten hier config.js#L49.

Stattdessen sollten Sie nur diese Zeile in Ihre index.html

<script data-main="scripts/config" src="scripts/vendor/requirejs/require.js"></script>

Und laden alle Ihre Abhängigkeiten in der Datei (wie Sie mit main) mit define() und require(). Wie Sie exports ab und stellt die Werte als Globale Variablen, Funktionen können leer sein. Hier ist ein Beispiel:

define([
    "jquery",
    "underscore", 
    "backbone",
    "marionette",         
    "modernizr"
], function () {
        require([
        "backbone.babysitter", 
        "backbone.wreqr", 
        "text", 
        "semantic"
    ], function () {
        /* plugins ready */
    });

    define(["main"], function (App) {
           App.start();
    });
});

Auch die baseUrl ist das gleiche wie das Verzeichnis der data-main Ordner Attribute (http://requirejs.org/docs/api.html#jsfiles):

RequireJS lädt alle code relativ zur baseUrl. Die baseUrl ist
in der Regel setzen Sie in das gleiche Verzeichnis wie das Skript in einem data-main
Attribut für die top-level-Skript zum laden einer Seite. Die Daten-Haupt -
Attribut ist ein besonderes Attribut, das require.js überprüfen, um zu starten
Skript laden.

Also ich denke, deine baseUrl im config.js Punkte zu scripts/scripts/-Ordner, die nicht vorhanden ist. Es könnte/sollte vendor/ statt (und entfernen der Verkäufer ein Teil von all den Erklärungen) oder einfach leer gelassen.

Statt wiredep Sie könnten versuchen, mit https://github.com/yeoman/grunt-bower-requirejs, die nicht ähnliche Dinge zu wiredep aber speziell für bower/requirejs apps (siehe: https://github.com/stephenplusplus/grunt-wiredep/issues/7)

Ihre repo-doens T sind die dist-Ordner für jQuery, aber ansonsten hier ist ein funktionierendes Beispiel von config.js: http://jsfiddle.net/petetnt/z6Levh6r/

Als für die Modul-definition, es sollte

require(["dependency1", "dependency2"])

und das Modul sollte sich selbst zurückgeben. Derzeit Ihre main - Datei setzt sich als eine Abhängigkeit

require(["main", "backbone", "marionette"], function(App, Backbone, Marionette){

Als Sie bereits den backbone und marionette als globals mit exports können Sie wieder die Funktion Attribute leer, so dass Ihr Haupt-Datei sollte wie folgt Aussehen:

require(["backbone", "marionette"], function(){
  "use strict";
  var App = new Backbone.Marionette.Application();

  App.addInitializer(function(){
    console.log("hello world!");
    Backbone.history.start();
  });

  return App;
});

Und wie Sie bereits verwenden define zu laden main nicht require es wieder. Stattdessen rufen Sie einfach App.start() innerhalb der define Funktion.

https://jsfiddle.net/66brptd2/ (config.js)

InformationsquelleAutor Pete TNT