2017-06-11 31 views
0

私は非常に新しく反応しました。ネイティブで反応することに熟知していないので、create-react-appを使用します。reactjs:uikit.min.jsをインポートする際にエラーが発生しました

私はフレームワークとしてUIKitを使用しようとしていますが、動作させることはできません。 UIKitのNPMモジュールは2.xバージョンのみをサポートしているので、私は3.x(http://www.getuikit.com/)を使用しようとしています。私はJSファイル(uikit.min.js)を私のコンポーネントの一つにインポートしていますが、コンパイルに失敗します。

私は、ファイル内import * as uikit from 'uikit.min.js';を含めていますし、コンパイルするとき、これがポップアップ表示:

./src/assets/js/uikit.min.js 
    Line 3: 'define' is not defined   no-undef 
    Line 3: 'define' is not defined   no-undef 
    Line 4: Unexpected use of 'location' no-restricted-globals 
    Line 4: Unexpected use of 'location' no-restricted-globals 
    Line 5: Unexpected use of 'location' no-restricted-globals 
    Line 5: 'DocumentTouch' is not defined no-undef 
    Line 5: 'MSGesture' is not defined  no-undef 

Search for the keywords to learn more about each error. 

は、たぶん私は間違ったことをやっているが、どのように私はUIKitのV3を使用するために私のためにこれをインポートすることができますか?

+0

はおそらく@ShubhamKhatriがそれを試みたが、私は、このような 'UIkit.modal(「...」)などのUIKitの機能を使用する必要が –

+0

スクリプト依存関係として使用するHTMLファイルに含めることができます。'切り替えます()。 –

答えて

0

最初にUIキットnpm install uikitをインストールします。その後:

import UIkit from 'uikit' 

のみデータ属性、ドキュメントから引用して作品を反応させることを忘れないでください:

はデータのみ-uk- *接頭辞で動作します反応します。

+0

uikitのnpmモジュールが3.xではなく甘いので、前回はこれを行うことができませんでした。3日前に更新があります。ありがとう。 –

+0

喜んで助けました。乾杯。 – cssBlaster21895

関連する問題