Embedded AngularJS App und RequireJS/AMD Fehler

Ich habe eine AngularJS-Anwendung, die innerhalb einer bestehenden Website verwendet wird.Embedded AngularJS App und RequireJS/AMD Fehler

etwas wie folgt aus:

<div ng-app="configurator" ng-controller="SomeController as someController" data-auth="some-jwt-token" class="app-wrapp">...</div>

Die Website requireJS für ihre JavaScript Sachen verwendet. Und das ist, wo meine App mit folgendem Fehler bricht:

mnty.1464947369.js:65 Uncaught Error: Mismatched anonymous define() module: function(){return factory()} 
http://requirejs.org/docs/errors.html#mismatchmakeError @ mnty.1464947369.js:65v @ mnty.1464947369.js:65o @ mnty.1464947369.js:65requirejs @ mnty.1464947369.js:65(anonymous function) @ mnty.1464947369.js:70fetchPlugins @ mnty.1464947369.js:70process @ mnty.1464947369.js:70mount @ mnty.1464947369.js:70(anonymous function) @ main_3-21-6.js:149u @ mnty.1464947369.js:66fireWith @ mnty.1464947369.js:66ready @ mnty.1464947369.js:66a @ mnty.1464947369.js:65 
app-bundled.js:6 Uncaught Error: [$injector:modulerr] Failed to instantiate module configurator due to: 
Error: [$injector:modulerr] Failed to instantiate module rzModule due to: 
Error: [$injector:nomod] Module 'rzModule' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 
http://errors.angularjs.org/1.5.5/$injector/nomod?p0=rzModule

Einige der verwendeten Module verwenden UMD in ihrem Build, aber die meisten nicht. Das ist das Schlüsselproblem, denke ich. Wie kann ich dieses Problem lösen?

(die AngularJS App ist in einer einzigen JS-Datei gebündelt und wird in der Fußzeile der Seite enthält)

Quelle

2016-07-11 dkoch

Will Sie zeigen uns bitte Code Ihrer Konfiguration js file ?? – Keshav

Diese Frage ist sehr schlecht geschrieben. Es gibt mehrere Fehler, die durch verschiedene Probleme verursacht werden. Ich habe mich gegen eine Frage geschlossen, die sich mit Ihrer ersten Fehlermeldung befasst ("Mismatched anonymous define"), kümmern Sie sich darum, fügen Sie ein [mcve] in Ihre Frage ein, und dann können wir wieder öffnen. Im Moment hat das Fehlen von MCVE dazu geführt, dass Sie 3 Antworten erhalten, die das Problem nicht behoben haben. – Louis

denke ich, das Problem mit der Ladereihenfolge Ihrer Module ist, wie Sie hier sehen können:

Vergewissern Sie sich, dass dieses Modul in das Winkelmodul geladen wird, bevor Sie das Modul configurator laden.

Quelle

2016-07-11 07:15:16 RecuencoJones

Das Modul enthält UMD, also verwendet es requireJS und nicht den globalen angularJS Loader, daher wissen angularjs nichts darüber. Und das ist mein Problem. – dkoch

Hm, ich sehe, dann können Sie rzModule benötigen, bevor Sie Ihr Modul erstellen? Kannst du auch das Repo teilen oder woher kommt dieses rzModule? – RecuencoJones

Sie ng-app="configurator" und der Fehler zeigt

Error: [$injector:nomod] Module 'rzModule' is not available! You either misspelled the module name or forgot to load it.

So Modulnamen identisch sein sollten verwenden.

Quelle

2016-07-11 07:18:33

rzModule ist eine Abhängigkeit des Konfigurators – dkoch

-1

Ich habe mit 6uitar6reat6od und Durgpal Singh zustimmen, könnte man auch eine JS-Datei mit einer define Methode hat, die js mit erfordert Konflikt steht, dies zu lösen, die Sie benötigen, um richtig diese Datei zu konfigurieren in Ihrer erfordern Konfigurationsabschnitt

Quelle

2016-07-11 08:41:47

Embedded AngularJS App und RequireJS/AMD Fehler

Antwort

Verwandte Themen