When I gatsby develop it returns the error
warn "export 'default' (imported as 'Helmet') was not found in 'react-helmet' with a white screen at localhost.
Many packages are out of date.
Upgrading --latest does not fix the error, nor upgrade terser 4.0.0 to 4.6.11 (which is duplicated).
After updating I localhost shows:
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `Layout`.
./.cache/app.js/</</</<
/home/daniel/Git/gatsby/Starters/gatsby-tailwind-serif/.cache/app.js:67
64 | const preferDefault = m => (m && m.default) || m
65 | let Root = preferDefault(require(`./root`))
66 | domReady(() => {
> 67 | renderer(<Root />, rootElement, () => {
68 | apiRunner(`onInitialClientRender`)
69 | })
70 | })
gatsby build returns
failed Building static HTML for pages - 2.425s
ERROR #95313
Building static HTML failed for path "/services/accounting"
See our docs page for more info on this error: https://gatsby.dev/debug-html
Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
- react-dom-server.node.production.min.js:48 a.b.render
[gatsby-tailwind-serif]/[react-dom]/cjs/react-dom-server.node.production.min.js:48:37
You mix up import and require calls in the same file. This might lead to “WebpackError: Invariant Violation: Minified React error #130” since Webpack 4 is stricter than v3. The solution is to only use import.
gatsby-node.js includes this line, not sure if it's the problem?
component: require.resolve("./src/templates/service.js"),
services.js looks normal (using import), as does the layout file.
Interestingly, I've gotten the theme working before, but in that project I've got a strange issue with debuging in firefox crashing.
Not sure if the issues are related.
When I
gatsby develop
it returns the errorwarn "export 'default' (imported as 'Helmet') was not found in 'react-helmet'
with a white screen at localhost.Many packages are out of date. Upgrading --latest does not fix the error, nor upgrade terser 4.0.0 to 4.6.11 (which is duplicated).
After updating I localhost shows:
gatsby build
returnshttps://gatsby.dev/debug-html docs say,
gatsby-node.js
includes this line, not sure if it's the problem?component: require.resolve("./src/templates/service.js"),
services.js looks normal (using import), as does the layout file.Interestingly, I've gotten the theme working before, but in that project I've got a strange issue with debuging in firefox crashing. Not sure if the issues are related.
Otherwise, Thanks for the awesome starter!