ReactJS - ウィンドウのプロパティを設定するには？

Question

私は馴染みのないシナリオに遭遇しました。私のReactプロジェクトでは、サードパーティのベンダーのapiファイルをインポートしました。ただし、ベンダーのapiは含まれていないQ promiseライブラリを使用して内部コールを行います。 APIはwindow.Qが設定され、APIの直接の依存関係になると予想しています。私は、ソースファイルの先頭にベンダーファイルをインポートし、それを使用する場合、それはこのエラーをスローしないように適切にウィンドウ上でこれを設定する方法を見つけ出すように見えることはできません。

TypeError: undefined is not an object (evaluating '$q.defer')

global-variables.js：

注：dsは、消費者が電話をかけるためにファイルに作成したグローバル変数であるため、このファイルにベンダーライブラリをインポートしました。

import '../../vendor/vendor-library'; 

const globals = { 
    DATA_SERVICE: ds, 
}; 

export default globals; 

user.jsの：

import globals from '../globals/global-variables'; 

const userApi = { 
    getCurrentUser() { 
     return globals.DATA_SERVICE.getDataForCurrentObject('User', 'ID'); 
    }, 
}; 

export default userApi; 

私は私のプロジェクトのエントリポイントの先頭にこれをやってみましたが、それは問題を解決しませんでした：

index.js：

を

import q from 'q'; 
window.Q = q; 

ご協力いただければ幸いです。

Answer 1

webpackなどの拡張子を使用するか、JavaScriptをバンドルしてグローバルとしてQを提供するために使用している他のバンドラを使用することをお勧めします。 WebPACKので

これはwebpack.ProvidePlugin

例で行うことができます。この場合"q"で

module.exports = { 
    module : { 
     ... 
    }, 
    plugins : [ 
     new webpack.ProvidePlugin({ 
      Q: "q", 
      "window.Q": "q", 
     }), 
    ], 
}; 

は、あなたのプロジェクトへの依存関係として追加する必要がありますされ、Q library from npmの名前です。