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.

[Bug] TypeError: Failed exporting HTML for URL Cannot convert undefined or null to object

See original GitHub issue

Reporting a bug?

Fresh install of React Static using the “basic” template. Tried running npm build

D:\Documents\Repositories\react-static\test-site>npm run build

> react-static-example-basic@ build D:\Documents\Repositories\react-static\test-site
> react-static build

Bundling application for Production...

Cleaning dist...
[✓] Dist cleaned (0.5s)
Cleaning artifacts...
[✓] Artifacts cleaned
Building Routes...
Importing routes from directory...
[✓] Routes Built (0.8s)
Building Templates...
[✓] Templates Built
Copying public directory...
[✓] Public directory copied
Bundling App...
[✓] App Bundled (14.8s)
Fetching Site Data...
[✓] Site Data Downloaded
Fetching Route Data...
[==========================================================================================] 107/107 100% 17833/s 0.0s
[✓] Route Data Downloaded (0.2s)
Exporting HTML across 8 threads...
  TypeError: Failed exporting HTML for URL D:/Documents/Repositories/react-static/test-site/src/pages/blog (../src/pages  /blog.js): Cannot convert undefined or null to object

  - Function.keys

  - Routes.js:38 keys
    [test-site]/[react-static]/src/browser/components/Routes.js:38:14

  - react-dom-server.node.production.min.js:26 ya
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:26:264

  - react-dom-server.node.production.min.js:29 Object.useState
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:29:82

  - react.production.min.js:23 useState
    [test-site]/[react]/cjs/react.production.min.js:23:312

  - Routes.js:27 RoutesInner
    [test-site]/[react-static]/src/browser/components/Routes.js:27:3

  - react-dom-server.node.production.min.js:33 c
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:33:501

  - react-dom-server.node.production.min.js:36 Sa
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:36:1

  - react-dom-server.node.production.min.js:41 a.render
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:467

  - react-dom-server.node.production.min.js:41 a.read
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:58

  - react-dom-server.node.production.min.js:53 renderToString
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:53:83

  - exportRoute.js:137 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:137:21

  - exportRoute.js:192 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:192:15

  - runtime.js:45 tryCatch
    [test-site]/[regenerator-runtime]/runtime.js:45:40

  - runtime.js:271 Generator.invoke [as _invoke]
    [test-site]/[regenerator-runtime]/runtime.js:271:22

  - runtime.js:97 Generator.prototype.(anonymous function) [as next]
    [test-site]/[regenerator-runtime]/runtime.js:97:21

  - asyncToGenerator.js:3 asyncGeneratorStep
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:3:24

  - asyncToGenerator.js:25 _next
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:25:9


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7


  Error:

  TypeError: Failed exporting HTML for URL 404 (../node_modules/react-static/lib/browser/components/Default404): Cannot   convert undefined or null to object

  - Function.keys

  - Routes.js:38 keys
    [test-site]/[react-static]/src/browser/components/Routes.js:38:14

  - react-dom-server.node.production.min.js:26 ya
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:26:264

  - react-dom-server.node.production.min.js:29 Object.useState
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:29:82

  - react.production.min.js:23 useState
    [test-site]/[react]/cjs/react.production.min.js:23:312

  - Routes.js:27 RoutesInner
    [test-site]/[react-static]/src/browser/components/Routes.js:27:3

  - react-dom-server.node.production.min.js:33 c
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:33:501

  - react-dom-server.node.production.min.js:36 Sa
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:36:1

  - react-dom-server.node.production.min.js:41 a.render
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:467

  - react-dom-server.node.production.min.js:41 a.read
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:58

  - react-dom-server.node.production.min.js:53 renderToString
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:53:83

  - exportRoute.js:137 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:137:21

  - exportRoute.js:192 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:192:15

  - runtime.js:45 tryCatch
    [test-site]/[regenerator-runtime]/runtime.js:45:40

  - runtime.js:271 Generator.invoke [as _invoke]
    [test-site]/[regenerator-runtime]/runtime.js:271:22

  - runtime.js:97 Generator.prototype.(anonymous function) [as next]
    [test-site]/[regenerator-runtime]/runtime.js:97:21

  - asyncToGenerator.js:3 asyncGeneratorStep
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:3:24

  - asyncToGenerator.js:25 _next
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:25:9


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7


  TypeError: Failed exporting HTML for URL D:/Documents/Repositories/react-static/test-site/src/pages (../src/pages/inde  x.js): Cannot convert undefined or null to object

  - Function.keys

  - Routes.js:38 keys
    [test-site]/[react-static]/src/browser/components/Routes.js:38:14

  - react-dom-server.node.production.min.js:26 ya
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:26:264

  - react-dom-server.node.production.min.js:29 Object.useState
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:29:82

  - react.production.min.js:23 useState
    [test-site]/[react]/cjs/react.production.min.js:23:312

  - Routes.js:27 RoutesInner
    [test-site]/[react-static]/src/browser/components/Routes.js:27:3

  - react-dom-server.node.production.min.js:33 c
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:33:501

  - react-dom-server.node.production.min.js:36 Sa
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:36:1

  - react-dom-server.node.production.min.js:41 a.render
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:467

  - react-dom-server.node.production.min.js:41 a.read
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:58

  - react-dom-server.node.production.min.js:53 renderToString
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:53:83

  - exportRoute.js:137 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:137:21

  - exportRoute.js:192 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:192:15

  - runtime.js:45 tryCatch
    [test-site]/[regenerator-runtime]/runtime.js:45:40

  - runtime.js:271 Generator.invoke [as _invoke]
    [test-site]/[regenerator-runtime]/runtime.js:271:22

  - runtime.js:97 Generator.prototype.(anonymous function) [as next]
    [test-site]/[regenerator-runtime]/runtime.js:97:21

  - asyncToGenerator.js:3 asyncGeneratorStep
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:3:24

  - asyncToGenerator.js:25 _next
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:25:9


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7


  TypeError: Failed exporting HTML for URL blog/post/2 (../src/containers/Post): Cannot convert undefined or null to obj  ect

  - Function.keys

  - Routes.js:38 keys
    [test-site]/[react-static]/src/browser/components/Routes.js:38:14

  - react-dom-server.node.production.min.js:26 ya
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:26:264

  - react-dom-server.node.production.min.js:29 Object.useState
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:29:82

  - react.production.min.js:23 useState
    [test-site]/[react]/cjs/react.production.min.js:23:312

  - Routes.js:27 RoutesInner
    [test-site]/[react-static]/src/browser/components/Routes.js:27:3

  - react-dom-server.node.production.min.js:33 c
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:33:501

  - react-dom-server.node.production.min.js:36 Sa
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:36:1

  - react-dom-server.node.production.min.js:41 a.render
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:467

  - react-dom-server.node.production.min.js:41 a.read
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:58

  - react-dom-server.node.production.min.js:53 renderToString
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:53:83

  - exportRoute.js:137 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:137:21

  - exportRoute.js:192 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:192:15

  - runtime.js:45 tryCatch
    [test-site]/[regenerator-runtime]/runtime.js:45:40

  - runtime.js:271 Generator.invoke [as _invoke]
    [test-site]/[regenerator-runtime]/runtime.js:271:22

  - runtime.js:97 Generator.prototype.(anonymous function) [as next]
    [test-site]/[regenerator-runtime]/runtime.js:97:21

  - asyncToGenerator.js:3 asyncGeneratorStep
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:3:24

  - asyncToGenerator.js:25 _next
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:25:9


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7


  TypeError: Failed exporting HTML for URL / (../src/App): Cannot convert undefined or null to object

  - Function.keys

  - Routes.js:38 keys
    [test-site]/[react-static]/src/browser/components/Routes.js:38:14

  - react-dom-server.node.production.min.js:26 ya
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:26:264

  - react-dom-server.node.production.min.js:29 Object.useState
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:29:82

  - react.production.min.js:23 useState
    [test-site]/[react]/cjs/react.production.min.js:23:312

  - Routes.js:27 RoutesInner
    [test-site]/[react-static]/src/browser/components/Routes.js:27:3

  - react-dom-server.node.production.min.js:33 c
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:33:501

  - react-dom-server.node.production.min.js:36 Sa
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:36:1

  - react-dom-server.node.production.min.js:41 a.render
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:467

  - react-dom-server.node.production.min.js:41 a.read
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:58

  - react-dom-server.node.production.min.js:53 renderToString
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:53:83

  - exportRoute.js:137 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:137:21

  - exportRoute.js:192 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:192:15

  - runtime.js:45 tryCatch
    [test-site]/[regenerator-runtime]/runtime.js:45:40

  - runtime.js:271 Generator.invoke [as _invoke]
    [test-site]/[regenerator-runtime]/runtime.js:271:22

  - runtime.js:97 Generator.prototype.(anonymous function) [as next]
    [test-site]/[regenerator-runtime]/runtime.js:97:21

  - asyncToGenerator.js:3 asyncGeneratorStep
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:3:24

  - asyncToGenerator.js:25 _next
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:25:9


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7


  TypeError: Failed exporting HTML for URL D:/Documents/Repositories/react-static/test-site/src/pages/404 (../src/pages/  404.js): Cannot convert undefined or null to object

  - Function.keys

  - Routes.js:38 keys
    [test-site]/[react-static]/src/browser/components/Routes.js:38:14

  - react-dom-server.node.production.min.js:26 ya
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:26:264

  - react-dom-server.node.production.min.js:29 Object.useState
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:29:82

  - react.production.min.js:23 useState
    [test-site]/[react]/cjs/react.production.min.js:23:312

  - Routes.js:27 RoutesInner
    [test-site]/[react-static]/src/browser/components/Routes.js:27:3

  - react-dom-server.node.production.min.js:33 c
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:33:501

  - react-dom-server.node.production.min.js:36 Sa
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:36:1

  - react-dom-server.node.production.min.js:41 a.render
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:467

  - react-dom-server.node.production.min.js:41 a.read
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:58

  - react-dom-server.node.production.min.js:53 renderToString
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:53:83

  - exportRoute.js:137 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:137:21

  - exportRoute.js:192 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:192:15

  - runtime.js:45 tryCatch
    [test-site]/[regenerator-runtime]/runtime.js:45:40

  - runtime.js:271 Generator.invoke [as _invoke]
    [test-site]/[regenerator-runtime]/runtime.js:271:22

  - runtime.js:97 Generator.prototype.(anonymous function) [as next]
    [test-site]/[regenerator-runtime]/runtime.js:97:21

  - asyncToGenerator.js:3 asyncGeneratorStep
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:3:24

  - asyncToGenerator.js:25 _next
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:25:9


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7


  TypeError: Failed exporting HTML for URL blog/post/1 (../src/containers/Post): Cannot convert undefined or null to obj  ect

  - Function.keys

  - Routes.js:38 keys
    [test-site]/[react-static]/src/browser/components/Routes.js:38:14

  - react-dom-server.node.production.min.js:26 ya
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:26:264

  - react-dom-server.node.production.min.js:29 Object.useState
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:29:82

  - react.production.min.js:23 useState
    [test-site]/[react]/cjs/react.production.min.js:23:312

  - Routes.js:27 RoutesInner
    [test-site]/[react-static]/src/browser/components/Routes.js:27:3

  - react-dom-server.node.production.min.js:33 c
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:33:501

  - react-dom-server.node.production.min.js:36 Sa
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:36:1

  - react-dom-server.node.production.min.js:41 a.render
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:467

  - react-dom-server.node.production.min.js:41 a.read
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:58

  - react-dom-server.node.production.min.js:53 renderToString
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:53:83

  - exportRoute.js:137 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:137:21

  - exportRoute.js:192 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:192:15

  - runtime.js:45 tryCatch
    [test-site]/[regenerator-runtime]/runtime.js:45:40

  - runtime.js:271 Generator.invoke [as _invoke]
    [test-site]/[regenerator-runtime]/runtime.js:271:22

  - runtime.js:97 Generator.prototype.(anonymous function) [as next]
    [test-site]/[regenerator-runtime]/runtime.js:97:21

  - asyncToGenerator.js:3 asyncGeneratorStep
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:3:24

  - asyncToGenerator.js:25 _next
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:25:9


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7


  TypeError: Failed exporting HTML for URL D:/Documents/Repositories/react-static/test-site/src/pages/about (../src/page  s/about.js): Cannot convert undefined or null to object

  - Function.keys

  - Routes.js:38 keys
    [test-site]/[react-static]/src/browser/components/Routes.js:38:14

  - react-dom-server.node.production.min.js:26 ya
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:26:264

  - react-dom-server.node.production.min.js:29 Object.useState
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:29:82

  - react.production.min.js:23 useState
    [test-site]/[react]/cjs/react.production.min.js:23:312

  - Routes.js:27 RoutesInner
    [test-site]/[react-static]/src/browser/components/Routes.js:27:3

  - react-dom-server.node.production.min.js:33 c
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:33:501

  - react-dom-server.node.production.min.js:36 Sa
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:36:1

  - react-dom-server.node.production.min.js:41 a.render
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:467

  - react-dom-server.node.production.min.js:41 a.read
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:41:58

  - react-dom-server.node.production.min.js:53 renderToString
    [test-site]/[react-dom]/cjs/react-dom-server.node.production.min.js:53:83

  - exportRoute.js:137 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:137:21

  - exportRoute.js:192 renderToStringAndExtract
    [test-site]/[react-static]/src/static/exportRoute.js:192:15

  - runtime.js:45 tryCatch
    [test-site]/[regenerator-runtime]/runtime.js:45:40

  - runtime.js:271 Generator.invoke [as _invoke]
    [test-site]/[regenerator-runtime]/runtime.js:271:22

  - runtime.js:97 Generator.prototype.(anonymous function) [as next]
    [test-site]/[regenerator-runtime]/runtime.js:97:21

  - asyncToGenerator.js:3 asyncGeneratorStep
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:3:24

  - asyncToGenerator.js:25 _next
    [test-site]/[@babel]/runtime/helpers/asyncToGenerator.js:25:9


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7

Environment


  System:
    OS: Windows 10
    CPU: (8) x64 AMD FX(tm)-8350 Eight-Core Processor
    Memory: 16.02 GB / 31.98 GB
  Binaries:
    Node: 8.9.4 - C:\Program Files\nodejs\node.EXE
    npm: 5.3.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 44.17763.1.0
    Internet Explorer: 11.0.17763.1
  npmPackages:
    react: ^16.8.2 => 16.8.6
    react-dom: ^16.8.2 => 16.8.6
    react-static: ^7.0.0 => 7.0.7
    react-static-plugin-reach-router: ^7.0.0 => 7.0.7
    react-static-plugin-sitemap: ^7.0.0 => 7.0.0
    react-static-plugin-source-filesystem: ^7.0.0 => 7.0.0

Steps to Reproduce the problem

Base your steps off of any freshly installed react-static template!

  1. Create react-static application using the “basic” template
  2. Run npm run build

Expected Behavior

Built site, no errors

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:11 (10 by maintainers)

github_iconTop GitHub Comments

1reaction
SleeplessBytecommented, Apr 16, 2019

This might actually have been the issue. Chunkbuilding completely failed on windows. Since that only happens (like that) when you try to pre-render the routes, I suspect this is what caused the failures.

1reaction
SleeplessBytecommented, Apr 15, 2019

@tannerlinsley Yes, I do un for tu nat ly.

I’ll report back tomorrow.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Failed exporting HTML for URL Cannot convert undefined or ...
[Bug] TypeError: Failed exporting HTML for URL Cannot convert undefined ... src/pages /blog.js): Cannot convert undefined or null to object ...
Read more >
Cannot convert undefined or null to object - Stack Overflow
This error is caused when you call a function that expects an Object as its argument, but pass undefined or null instead, like...
Read more >
error in render: "typeerror: cannot convert undefined or null to ...
The issue is with the currentUser . Consider initializing it. Before routing I am assuming you are setting the value for the currentUser...
Read more >
TypeError: cannot use 'in' operator to search for 'x' in 'y'
The in operator can only be used to check if a property is in an object. You can't search in strings, or in...
Read more >
Npm update error "Cannot convert undefined or null to object"
When running "npm update" in my ./.node-red directory I get the error "Cannot convert undefined or null to object". The Idealtree seems to ......
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