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 
}` 

끔찍한 오류 메시지로 인해 잘못된 오류 메시지가 릴레이 될 때 문제가 발생합니다.