TypeModeでRelay Modern（babel-plugin-relayとrelay-compiler）を使用するには？

Question

TypeScriptを使用する場合、babel-plugin-relayおよびrelay-compilerは、私たちのgraphql呼び出しを解析していません。私たちのTS-生成されたJSファイルは、ターゲットと、次のようになりES2015：

var mutation = compat_1.graphql(_templateObject2);

、リレー、コンパイラからの私達の出力は、どのファイルが解析されなかったことを示し、次のようになります。

Parsed default in 0.05s Writing default Writer time: 0.05s [0.05s compiling, 0.00s generating, 0.00s extra] Unchanged: 0 files Written default in 0.07s

方法リレーコンパイラとbabel-plugin-relayをこれらのファイルで適切に動作させることができますか？

Answer 1

プラグインとコンパイラの両方で、正常に動作するためには、裸のgraphql呼び出しが必要です。 graphql呼び出しが（上記のように_templateObject2を取る）オブジェクトを取ったり、別のオブジェクト（上のcompat_1で呼び出されている）に呼び出された場合、いずれのツールも動作しません。修正するには

、平野graphql通話TSのtranspiler出力するように私達はちょうど古いスタイルrequireステートメントを使用している：

const { commitMutation, graphql } = require('react-relay/compat');

完璧に動作

。