ES2015 modulo di importazione e di esportazione di sintassi errore

Question

On utilizzando import export in ES6, sto ottenendo sotto l'errore:

SyntaxError: export declarations may only appear at top level

ho navigato per trovare il modo di risolvere questo problema, ma in grado di im. Qualcuno può spiegare questo. Sono nuovo di ES6, soprattutto per importare ed esportare. (Stavo usando StealJS completamente per questo genere di cose) Grazie!

file JS sono:

app.js

import { cube, cubeRoot } from 'functions'; 

console.log(cube(4)); 
console.log(cubeRoot(125)); 

functions.js

// functions.js 

function cube(a) { 
    return a * a * a; 
} 

function cubeRoot(a) { 
    return Math.cbrt(a); 
} 

export { cube, cubeRoot} 

Answer 1

Aggiornamento estate 2017:

Vedi http://caniuse.com/#search=modules, il nuovo supporto, forse bisogno di cambiare impostazioni.

Ora che le cose sono meno vaghe. Per far funzionare un modulo devi dire al browser che è che si tratta di un modulo (l'altro è uno script). Il primo modo è implicito, un modulo importato è sempre un modulo. Il secondo modo è con modulo tipo <script src="anymodule.js" type="module"></script>

Assicurarsi importazione e di esportazione sono solo a livello superiore, non all'interno di un blocco, non all'interno di un'istruzione if, non all'interno di un ciclo, ecc

assicurarsi anche a fornire il percorso completo (incluso .js), dovrebbe iniziare con ./ o ../. Supponendo che i file si trovino nella stessa cartella, sarebbe import { cube, cubeRoot } from './functions.js';

eval su una stringa di modulo non funzionante.

risposta obsolete di seguito:

L'importazione del modulo ES2015 e la sintassi di esportazione non è supportato da tutti i browser, al momento che scrivo questa risposta (04/2016). Manca il messaggio di errore perché implica che la sintassi è supportata, ma non è supportata affatto. Vedere la prima nota qui https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

Il motivo è perché le specifiche per i caricatori di moduli sono ancora in corso. Vedi https://whatwg.github.io/loader/#status

Sono tuttavia strumenti per il polyfill o per traspolare automaticamente questa sintassi come babel.