進口UIKit的角度FullStack

我得到這個錯誤要導入的UIKit與角FullStack發生器：進口UIKit的角度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.

這是我做了什麼：

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

不過，我可以通過添加使用風格的指令下到我的app.scss：

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

但是，如果我不導入JS模塊，我得到UIkit is not defined。

如何正確導入UIkit到我的項目？提前:)

來源

2017-05-11 nash

你有沒有試過從'uikit'導入UIkit;'？當然，css可以工作，但不知道js插件。它適用於Vue和React，但不是關於Angular的文檔世界。 – cssBlaster21895

@ cssBlaster21895，如果我像你說的那樣導入它，我得到這個新錯誤：'由於以下原因，無法實例化模塊函數插件（UIkit）： [$ injector：strictdi]插件沒有使用顯式註釋，不能嚴格地調用模式「，頁面變成空白... – nash

所以它看起來UIkit不是角度友好的。它的代碼沒有註釋。也許你可以試試https://www.npmjs.com/package/ng-annotate-webpack-plugin或https://github.com/huston007/ng-annotate-loader。但我認爲這可能很難。 Javascript寧可不工作，最後你可以導入css/scss。 – cssBlaster21895

繼docs

謝謝，這是我工作：

做不添加UIKit的供應商webpack.make.js
插入import UIkit from 'uikit';我app.js

來源

2017-06-07 17:24:53 nash

進口UIKit的角度FullStack

回答

相關問題