Assets nur für SCSS, nicht für JS verfügbar

Entwickler
1

Hallo,

in der letzten Woche habe ich ein Discourse-Setup für eine Marke gestaltet, das feste Schriftarten, Logos und Symbole enthält.

Zunächst fiel mir auf, dass alle importierten Assets (im Ordner „assets

2

Ja, das verwirrt mich auch ein wenig.

Wann ist es sicher, eine Referenz wie return settings.theme_uploads.blah in JavaScript zu verwenden, wenn überhaupt?

Ich bekomme in meiner berechneten Eigenschaft “undefined” für settings.theme_uploads (zumindest anfangs).

Was ist hier das richtige Muster?

3

Die Daten settings.theme_uploads wurden relativ kürzlich zu Javascript hinzugefügt (ich glaube, nachdem der OP geschrieben wurde). Sie sollten zuverlässig sein – wir verwenden sie in unseren eigenen Themes/Komponenten. Können Sie genauer erklären, welche Probleme Sie sehen?

4

Ah, mir fehlte der Ordner „assets“ in meinem Pfad zur Ressource, sodass der defekte Link die Ressource zweifellos „optimiert“ hatte:

{
  "name": "Cool Theme Component",
  "about_url": "",
  "component": true,
  "assets": {
    "background": "background.png"
  }
}

hätte sein sollen:

{
  "name": "Cool Theme Component",
  "about_url": "",
  "component": true,
  "assets": {
    "background": "assets/background.png"
  }
}

Doh!

Zu Ihrer Information, ich beziehe mich hier in Javascript in einer Ember-Komponente darauf, z. B.:

  @computed
  backgroundImage() {
    return settings.theme_uploads.background;
  }

Dies würde einen undefined-Fehler auslösen, wenn der Pfad falsch ist!

Danke fürs Zuhören! @david, Entschuldigung, dass ich Ihre Zeit verschwendet habe.

@hakonbja, hast du dein Problem gelöst?