Question

我在下面得到Invariant Violation: RelayQL: Invalid fragment composition, use `${Child.getFragment('name')}`.。我不知道为什么，似乎没有什么能解决它。我的组件包含：

fragments: {
  album: () => Relay.QL`
    fragment on Album {
      ${AlbumMutation.getFragment('album')}
    }
  `,
},

AlbumMutation包含：

static fragments = {
  album: () => Relay.QL`
    fragment on Album {
      id
    }
  `,
}

Answer 1

对于遇到此问题的任何人，可能是由于示例在public/index.html文件中加载了React，Relay和ReactDOM库，而不是使用webpack import X from 'y';。如果您尝试使用react-relay-router库，则必须使用后者，但是有两个Relay副本将导致发生此错误。

我能够通过删除public/index.html中的引用来解决这个问题，但很高兴知道双重导入中继似乎打破了这一点！

Answer 2

我能够通过从组件中删除我的React / Relay导入来解决这个问题。

~~导入来自＆＃39;反应＆＃39 ;;~~
的反应 ~~从＆＃39; react-relay＆＃39;;~~

导入中继

上课......

RelayQL：无效的片段组成

2 个答案: