React-hot-loader: Relay and React hot loader

Created on 7 Feb 2016 · 6Comments · Source: gaearon/react-hot-loader

I have gone through the troubleshooting in the the documentation but I cant seem to figure out why I keep getting [HMR] The following modules couldn't be hot updated: (They would need a full reload!) message. I am wondering if it because relay wraps the react components in containers. I would love to be able to use this tool, any help would be appreciated.

Source

peterpine83

Most helpful comment

fwiw: I fixed this by exporting the container and the component, no need to split into multiple files.

My person.js:

import React from 'react';
import Relay from 'react-relay';

export class _Person extends React.Component { ... }
export var Person = Relay.createContainer(_Person, { ... })

My application.js:

import { Person } from './Person'

Willianvdv on 26 Apr 2016

👍5

All 6 comments

@peterpine83 have you fixed it?

Schniz on 24 Feb 2016

as stated in https://github.com/fortruce/relay-skeleton/issues/1#issuecomment-131881653, we can in the meantime split the containers and the stateless components into 2 separate files (and making sure the stateless component is a class)

Schniz on 24 Feb 2016

fwiw: I fixed this by exporting the container and the component, no need to split into multiple files.

My person.js:

import React from 'react';
import Relay from 'react-relay';

export class _Person extends React.Component { ... }
export var Person = Relay.createContainer(_Person, { ... })

My application.js: