Relay-Modern既にアンマウントされたコンポーネントの `Relay（Songs） 'を更新しようとしました

Question

私はルーティングにfound-relayを使用しています。

フラグメントを使用せず、クエリで名前を指定するだけで正常に動作します。

私は間違っていますか？

songsContainer.js：

import Songs from './component'; 

export const query = graphql` 
    query songsContainerQuery { 
    songs { 
     ...songsContainer_songs 
    } 
    } 
`; 

export default createFragmentContainer(Songs, graphql` 
    fragment songsContainer_songs on Song { 
    name 
    }`, 
); 

component.js：

const Songs = ({ songs }) => (
    <Audios 
    audios={songs} 
    > 
    <Song /> 
    </Audios> 
); 

export default Songs; 

routeConfig.js：

import Songs, { query as songsQuery } from '../../songs/songsContainer'; 

export default makeRouteConfig(
    <Route path="/"> 
    <Route Component={PrimaryLayout}> 
     <Route exact path="/" Component={Songs} query={songsQuery} /> 
    </Route> 
    </Route>, 
); 

Answer 1

我々はpluralディレクティブを追加する必要があるか、このエラーが発生します。

graphql` 
    fragment songsContainer_songs on Song @relay(plural: true) { 
    name 
}` 

重大なエラーメッセージが表示されるため、エラーメッセージが表示されたらリレーで問題を作成します。