[Bug] TypeError: Failed exporting HTML for URL Cannot convert undefined or null to object
See original GitHub issueReporting 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!
- Create react-static application using the “basic” template
- Run
npm run build
Expected Behavior
Built site, no errors
Issue Analytics
- State:
- Created 4 years ago
- Reactions:1
- Comments:11 (10 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
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.
@tannerlinsley Yes, I do un for tu nat ly.
I’ll report back tomorrow.