aurelia - erreur lors de l'utilisation de material-components-web avec le projet skelton-esnext

Question

J'ai utilisé avec succès la bibliothèque material-components-web dans mes projets aurelia skeleton-esnext-webpack mais je m'efforce de les faire fonctionner dans un squelette -esnext projet.

Le problème semble provenir du fait que le projet skeleton-esnext utilise jspm avec system.js comme chargeur de module.

J'ai ajouté "@material/textfield": "npm:@material/textfield@^0.3.6" à la section dépendances jspm de mon paquetage.json qui semble installer les bonnes bibliothèques @material dans mon matériel jspm_modules/npm/@.

Maintenant, quand je tente d'accéder à une classe de cette bibliothèque à partir de toute mon point de vue aurelia modèles

import {MDCTextfieldFoundation} from '@material/textfield'; 

-je obtenir l'erreur suivante dans le navigateur lorsque je lance le projet:

Error: (SystemJS) Unexpected token import 
    SyntaxError: Unexpected token import 
     at eval (<anonymous>) 
     at Object.eval (http://localhost:9000/jspm_packages/npm/@material/textfield@0.3.6.js:1:123) 
     at eval (.... 

Avez-vous des suggestions sur les causes les plus probables de ce problème?

Answer 1

SystemJS est d'importer le fichier source première du plug-in au lieu de celui transpiled (vous pouvez le voir si vous regardez dans jspm_packages/npm/@material/textfield@0.3.6.js.

Vous pouvez y remédier en changeant l'emplacement là pour pointer vers le répertoire dist ... du répertoire textfield@0.3.6 Cependant, il s'outrepassée tout le temps sur les mises à jour possibles et il est pas enregistré dans CVS

Une autre approche plus simple, serait d'importer le fichier correct dans votre modèle de vue:

import {MDCTextfieldFoundation} from '@material/textfield/dist/mdc.textfield';