relayjs - RelayQL：片段组合无效

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 导入，我能够在 ES6 中解决这个问题。

从“反应”导入反应；
从'react-relay'导入中继；

班级 ...