[Javascript] import/export natif ?

Elya
Javascript

Bonjour, Voilà j'ai vu dans les vidéos sur VueJS notamment dans VueJS-CLI, qu'il utiliser les imports/export en Javascript.

Donc j'ai tenté de l'utiliser mais quand je test ma page je me retrouve avec une erreur dans la console :

*SyntaxError: import declarations may only appear at top level of a module*

Voici le code que j'utilise :

//PATH : ./test.controller.js
export default function test($scope)
{
    console.log('TEST LOADED');
}
//PATH : ./main.js
import test from "test.controller";

var myApp = angular.module('myapp', []);
myApp.controller('test', test);

Après je pense que son éditeur doit peut-être compiler le js pour le rendre compatible, mais comme à un moment il dit "Chrome ne doit pas encore comprendre les function (x, y,...a)". J'ai pensé qu'enfin ES6 était devenu natif.

Voilà merci pour vos réponses.

4 réponses

betaWeb
Réponse acceptée

Non ce n'est absolument pas natif côté client. Cette syntaxe est à utiliser (pour le moment) soit côté serveur, soit côté client (en dev) avec un compileur (ou transpileur) ;)

betaWeb

Salut,

Es-tu sûr que ton code est bien compilé correctement ?
Essaye comme ceci :

var test = function ($scope) {
    console.log('TEST LOADED');
};

export default test;
Elya
Auteur

Mhmm non justement pensent que la fonction import/export était natif je ne le compile avec rien, je crée mes fichiers je tape le code et je lance ma page web.

Mais du coup c'est peut être normal que ça ne fonctionne pas ^^.

Elya
Auteur

Oki merci pour réponse rapide c'est bien ce que je pensais. Dommage qu'on ne puissent toujours pas le faire coté client.