2017-05-18 12 views
3

私はReactとcreate-react-appを使ってアプリケーションを構築しています。私はnpmからfoundation-sitesを使いたいです。私は:ファンデーションがcreate-react-appで動作しない

import React, { Component } from 'react'; 
import jQuery from 'jquery'; 
import Foundation from 'foundation-sites'; 

この時点で、私はエラーを取得しなくても、さらにコードを「キャッチされないのReferenceErrorは:jQueryのが定義されていません」foundation.jsから来ます。通常、人々はwebpack設定でこれを修正しますが、create-react-appではwebpack configへのアクセス権がありません。私はejectをしたくないです。私はhereのような他のソリューションを試してみました。 実際にこの設定でFoundationを使用することはできますか?

答えて

2

コードを以下のコードに置き換えると正常に動作します。

+0

これはjQueryエラーを削除しましたが、今ではFoundationは空のオブジェクトです。 – Andrey

+0

foundation.min.cssファイルを直接インポートできると思います。 'import 'foundation-sites/dist/css/foundation.min.css';'は次のようになります。 https://github.com/facebookincubator/create-react-app/issues/201 - これはブートストラップを含むリンクです。 – hmachahary

+0

はい、私はそのようなCSSをインポートできますが、FoundationからのいくつかのjQueryベースのウィジェットが必要です: – Andrey

0

ウィンドウにjQueryを割り当ててみてください。これは、エントリポイントファイルで行うことが望ましいです。

window.jQuery = jQuery; 
+0

これは役に立ちません... – Andrey

関連する問題