question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ReactDOM is not attaching QueryRenderer to '#root' div

See original GitHub issue

EDIT: This has been reproduced in Windows by @kiadorii, another friend of ours has confirmed that the repo works properly on Debian.

I hope it’s just something minor that I’ve overlooked, but here is my experience so far:

  1. Clone repo, cd todo to enter this project’s root folder
  2. Run npm install; npm run update-schema; npm run build; npm start
  3. Navigate browser to localhost:3000/
  4. See nothing but the contents of public/index.html

I’m trying to follow the path of execution from babel-node ./server.js, and I can’t quite understand how the code in js/app.js is reached. Any help would be greatly appreciated, I’m having a very hard time understanding this technology!

Further notes:

  • The app.js that is generated by webpack is being correctly included in the markup of the final result. This makes me think that the problem is not with webpack, but somewhere in js/app.js.
  • console.log() statements in app.js do not produce output in the developer console when page is loaded. This makes it seem like the code in app.js is not being executed, despite being included on the page in a script tag.

I’m doing my best to figure this out on my own, but it’s all very opaque to me at the moment. Tips for troubleshooting this are just as welcome as the answer to my problem!

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:2
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
kiachoicommented, Apr 6, 2018

I have the same issue as well!

1reaction
jstejadacommented, Apr 9, 2018

thanks for reporting this, I’ll try to take a look soon!

Read more comments on GitHub >

github_iconTop Results From Across the Web

ReactDOM is not rendering the code that is passed to the root
I am working on VS Code instead of Scrimba. I believe it should work despite. I also installed dependencies through npm(react and react-dom)....
Read more >
[Modern] Relay with hot reloading · Issue #1820 - GitHub
I'm facing an issue with it. The way hot reloading works, I'm rendering AppContainer as root DOM node which renders my Relay QueryRenderer...
Read more >
QueryRenderer | Relay
A QueryRenderer is a React Component at the root of a Relay component tree. It takes a query, fetches the given query, and...
Read more >
ReactDOM is not rendering the code that is passed to the root
I am working on VS Code instead of Scrimba. I believe it should work despite. I also installed dependencies through npm(react and react-dom) ......
Read more >
React to Relay: local state management, part 2 - Medium
import ReactDOM from "react-dom";import Header from ". ... Lastly, we attach the Settings record that we've created, onto the root Query ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found