windedge / gatsby-tailwind-serif

A Gatsby theme based on gatsby-serif-theme, rewrite with Tailwind CSS.
https://gatsby-tailwind-serif.netlify.app/
MIT License
27 stars 21 forks source link

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

Open danielclough opened 4 years ago

danielclough commented 4 years ago

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!

windedge commented 4 years ago

upgrade gatsby to latest version, problem solved.