RequireJS Text Plugin leer in Cordova

Question

Ich versuche, die requireJS Text-Plugin zu verwenden, um eine Textressource in einem Cordova Projekt zu laden:

var template = require("text!app/assets/templates/stuff.html"); 

Allerdings ist ich nur eine leere Zeichenfolge zu bekommen. Keine Fehler, die ich sehen kann. Irgendwelche Ideen?

Answer 1

Nevermind, fand es heraus. Für andere, die auf dieses Problem stoßen könnten ...

XHR-Einschränkungen bedeuten, dass das Text-Plugin in Cordova verwackelt sein kann.

Die Lösung besteht darin, nur ein JavaScript-Modul zu erfordern, das eine Textzeichenfolge zurückgibt. So zum Beispiel, stuff.html.js:

define(function(require) { 

var tmpl = ` 
    <div>test</div> 
    Ok here is a test 
`; 
return tmpl; 

}); 

Und dann ...

var template = require("app/assets/templates/stuff.html"); 

Shazam! (Und da Back-Ticks mehrzeilige Strings in ECMA6 erlauben, ist es immer noch gut lesbar.)