GatsbyJS Layout.js returns error unexpected token

Question

I am building a GatsbyJS website and created the layout.js, index.js with some static data and am trying to compile it but it does not compile. The code from layout.js and the error message are below.

import React from 'react'
import PropTypes from 'prop-types'
import Helmet from 'react-helmet'
import { StaticQuery, graphql } from 'gatsby'
import Header from './header'
import './theme.css'

const Layout = ({ children }) => (
   (

        

        
        
        
        

        // Font icon
          

        // CSS Global
          
           
        
         
        


        // Custom CSS 
        


        // Custom JS    
        
           
        
        
        
        
        
        
        
        
        
        
          {children}
        
      )}
  />
)

Layout.propTypes = {
  children: PropTypes.node.isRequired,
}

export default Layout

It returns the error:

/home/ec2-user/environment/bestpet-v1/src/components/layout.js
  77:11  error  Parsing error: Unexpected token, expected "}"

  75 | 
  76 | Layout.propTypes = {
> 77 |   children: PropTypes.node.isRequired,
     |           ^
  78 | }
  79 | 
  80 | export default Layout

It does not compile at all. I checked all the brackets and closing tags but apparently I'm missing something.

What am I doing wrong?

coreyward · Accepted Answer

You aren't closing your Helmet tag. Right now you have this:

That last “tag” is self-closing, not closing the opening tag. What you want is this:

GatsbyJS Layout.js returns error unexpected token

Answers (1)

Related Questions