Skip to content

Building static HTML failed for path "/services/accounting" #6

@danielclough

Description

@danielclough

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

https://gatsby.dev/debug-html docs say,

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.

Otherwise,
Thanks for the awesome starter!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions