Syntaxe d'importation ES6 avec Angular 1.5 UI Router

J'essaie de combiner Angulaire de 1,5, de l'INTERFACE utilisateur du Routeur à l'aide de ES6 importer des modules de syntaxe avec Babel & Webpack.

Dans mon app.js j'ai:

'use strict';

import angular from 'angular';
import uiRouter from 'angular-ui-router';
...
import LoginCtrl from './login/login.ctrl.js'


const app = angular.module("app", [
        uiRouter,
        ...
    ])
    .config(function($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('login', {
                url: '/login',
                templateUrl: '...', 
                controller: LoginCtrl,
                controllerAs: 'login' 
            })
    });

Dans login/login.ctrl.js j'ai:

'use strict';

export default app.controller("LoginCtrl", function() {
    //code here
});

Quand j'ai commencé mon application j'ai des message d'erreur suivant:

ReferenceError: app is not defined
 bundle.js:35422:2
Error: [$injector:modulerr] Failed to instantiate module app due to:
[$injector:nomod] Module 'app' is not available! You either misspelled the module name or forgot to load it.

Et deuxième question. Comment puis-je utiliser le contrôleur: "loginCtrl comme login" syntaxe avec ES6 import/export?

source d'informationauteur karl

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *