Foundation "Uncaught SyntaxError: Unerwarteter Token-Import"

Question

Ich übernehme die Entwicklung von einem früheren Entwickler, der Zurb Foundation als Framework auf unserer Website hinzugefügt hat. Foundation wurde mit npm installiert. Ich erhalte Fehler in der Konsole für alle von der Stiftung JavaScript-Dateien wie folgt:

Uncaught SyntaxError: Unexpected token import 

den Code überprüfen, foundation.core.js hat die Linien:

"use strict"; 

import $ from 'jquery'; 
import { GetYoDigits } from './foundation.util.core'; 
import { MediaQuery } from './foundation.util.mediaQuery'; 

ich wie jQuery Recht vor allen anderen JS ist in meinem HTML-Dokument enthalten. Nicht sicher, was der Deal hier ist. Kann jemand Hilfe anbieten?

Danke.

Answer 1

Die Syntax für eine als wäre die folgende:

import * as $ from 'jquery'; 
import { GetYoDigits } from './foundation.util.core'; 
import { MediaQuery } from './foundation.util.mediaQuery'; 

Dies wird alle Exporte aus dem Knotenmodul jquery nehmen sagen und sie $ leben unter dem Stichwort zu machen. Sie sollten dann $ wie erwartet verwenden können.

Answer 2

Sie benötigen, wie Sie es

"use strict" importieren zu ändern;

import {$} from 'jquery';