2017-05-11 6 views
0

Je reçois cette erreur en essayant d'importer UIKit avec générateur angulaire de FullStack:importation UIKit angulaire FullStack

Module 'uikit' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

Ceci est ce que je l'ai fait:

webpack.make.js

if(TEST) { 
     config.entry = {}; 
    } else { 
     config.entry = { 
      app: './client/app/app.js', 
      polyfills: './client/polyfills.js', 
      vendor: [ 
       'angular', 
       'angular-animate', 
       'angular-aria', 
       'angular-cookies', 
       'angular-resource', 

       'angular-sanitize', 


       'angular-ui-router', 
       'lodash', 

       'uikit' 
      ] 
     }; 
    } 

app.js

... 
import uikit from 'uikit'; 
... 

angular.module('myApp', [ngCookies, ngResource, ngSanitize, uiRouter, uikit]) 

Cependant, je peux utiliser les directives de style en ajoutant ce qui suit à mon app.scss:

@import'~uikit/dist/css/uikit.css'; 

Mais, si je ne pas importer le module JS, je reçois UIkit is not defined.

Comment puis-je importer correctement UIkit dans mon projet?

Merci à l'avance :)

+0

avez-vous essayé 'd'importer UIkit de 'uikit';'? Bien sûr, css fonctionnera, mais pas sûr de plugins js.Il fonctionne avec Vue et React, mais pas un monde à propos de Angular dans docs. – cssBlaster21895

+0

@ cssBlaster21895, si je l'importe comme vous le dites, j'obtiens cette nouvelle erreur: 'Impossible d'instancier le plugin de fonction du module (UIkit) en raison de: Le plugin [$ injector: strictdi] n'utilise pas d'annotation explicite et ne peut pas être invoqué mode'' et la page devient blanche ... – nash

+0

donc il semble que UIkit ne soit pas angulaire. Son code manque l'annotation. Peut-être que vous pourriez essayer avec https://www.npmjs.com/package/ng-annotate-webpack-plugin, ou https://github.com/huston007/ng-annotate-loader. Mais je pense que ça pourrait être difficile. Javascript ne fonctionne pas, enfin vous pouvez importer css/scss. – cssBlaster21895

Répondre

1

Après la docs, voici ce qui a fonctionné pour moi:

  1. Est-ce pas ajouter fournisseur UIKit à webpack.make.js
  2. Insérer import UIkit from 'uikit'; à mon app.js