Foundation "Uncaught SyntaxError: Importation de jetons inattendue"

Question

Je suis en train de prendre en charge le développement d'un développeur précédent qui a ajouté la fondation Zurb en tant que framework à notre site Web. La fondation a été installée avec npm. Je reçois des erreurs dans la console pour toutes les bases javascript fichiers comme suit:

Uncaught SyntaxError: Unexpected token import 

Vérification du code, foundation.core.js a les lignes:

"use strict"; 

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

Je y compris le droit jQuery avant tout autre JS est inclus dans mon document HTML. Pas sûr de ce que l'affaire est ici. Quelqu'un peut-il offrir de l'aide?

Merci.

Answer 1

La syntaxe d'une que serait la suivante:

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

Cela dit prendre toutes les exportations à partir du module noeud jquery et les faire vivre sous le mot-clé $. Vous devriez alors pouvoir utiliser $ comme prévu.

Answer 2

Vous devez changer la façon dont vous l'importez

"use strict";

import {$} from 'jquery';