Wie verwendet man Relay Modern (babel-plugin-relay und relay-compiler) mit TypeScript?

Question

Bei Verwendung von TypeScript analysieren babel-plugin-relay und relay-compiler unsere graphql-Aufrufe nicht. Unsere TS-generierte JS-Dateien wie folgt aussehen, Targeting ES2015:

var mutation = compat_1.graphql(_templateObject2);

Und unsere Ausgabe vom Relais-Compiler sieht wie folgt aus, was darauf hinweist, dass keine Dateien analysiert wurden:

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

Wie Können wir Relais-Compiler und Babel-Plugin-Relay richtig auf diese Dateien funktionieren?

Answer 1

Sowohl das Plug-in als auch der Compiler benötigen leere graphql-Aufrufe, damit sie ordnungsgemäß funktionieren. Wenn der Aufruf von graphql ein Objekt (wie oben _templateObject2) oder ein anderes Objekt (wie oben unter compat_1 genannt) aufgerufen wird, funktioniert keines der beiden Tools.

Um dies zu beheben, sind wir gerade einen alten Stil require Aussage, so dass die Transpiler Ausgänge Ebene graphql Anrufe TS mit:

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

perfekt funktioniert.