2017-05-11 29 views
0

ich diesen Fehler versucht UIKit mit kantigem FullStack Generator zu importieren:Import UIKit Angular 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. 

Das ist das, was ich getan habe:

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]) 

Ich kann aber durch Zugabe der folgenden meiner app.scss die Stil-Richtlinien verwenden:

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

Aber, wenn ich das JS-Modul nicht importieren, erhalte ich UIkit is not defined.

Wie kann ich UIkit korrekt in mein Projekt importieren?

Vielen Dank im Voraus :)

+0

haben Sie versucht 'Import UIkit von 'Uikit';'? Natürlich wird CSS funktionieren, aber nicht sicher über Plugins. Es funktioniert mit Vue und React, aber keine Welt über Angular in Docs. – cssBlaster21895

+0

@ cssBlaster21895, wenn ich es, wie Sie sagen, importieren, bekomme ich diesen neuen Fehler: 'Fehler beim Modulieren Modul Plugin (UIkit) aufgrund: [$ injector: strictdi] Plugin verwendet keine explizite Annotation und kann nicht in strict aufgerufen werden Modus "und die Seite wird leer ... – nash

+0

so scheint es UIkit ist nicht angular freundlich. Sein Code vermisst die Annotation. Vielleicht könntest du es mit https://www.npmjs.com/package/ng-annotate-webpack-plugin oder https://github.com/huston007/ng-annotate-loader versuchen. Aber ich denke, es könnte schwierig sein. Javascript funktioniert eher nicht, endlich kann man css/scss importieren. – cssBlaster21895

Antwort

1

die docs Folgen, ist es das, was für mich gearbeitet:

  1. Sie nicht hinzufügen UIKit Anbieter
  2. Insert import UIkit from 'uikit'; meiner webpack.make.js app.js
Verwandte Themen