Ich habe Foundation über JSPM Install Foundation installiert und dann Foundation und JQuery importiert.

Das Problem, das ich habe, ist, dass, wenn ich jquery über @ importieimport $ as 'jquery' Ich bekomme den fehler jquery_1.default ist keine funktion. Wenn ich jquery über @ importieimport * as $ from jquery es funktioniert wie erwartet

Ich rufe an$(document).foundation();, um die Javascript-Komponenten der Foundation zu initialisieren. Unten ist meine main.ts

import 'foundation'
import $ from  'jquery';
import {Aurelia} from 'aurelia-framework';

export function configure(aurelia: Aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging();    

  aurelia.start().then(a => a.setRoot())
      .then(a => {
        // Initialize framework
        $(document).foundation();
      });
}

Der Rest des Codes ist nur die Standardnavigation zu einer einfachen Seite, die eine Navigationsleiste mit Dropdown-Liste enthält.

Hinweis: Ich musste auch jquery explizit installieren, obwohl jquery als dep aufgeführt ist.

Ich habe die ursprüngliche Außerkraftsetzung für Fundament 6 vorgenommen, habe eindeutig etwas falsch gemacht, aber es schien zu der Zeit zu funktionieren. Allerdings habe ich seitdem herausgefunden, dass bei der Installation von Bootstrap jquery in github: components abgelegt wurde und dass jquery anscheinend nicht explizit installiert werden musste. Also zu der Zeit schien alles in Ordnung.

Zum Reproduzieren verwenden Sie einfach das Aurelia-Skelett und fügen Sie eine Seite mit einem Foundation-Steuerelement hinzu, indem Sie das $ (document) .foundation () wie oben