gatsby: CSS styles do not load after deploying to Surge or Netlify

Description

CSS styles are loading when running ‘gatsby develop’ however, when deploying to Netlify or Surge, the styles do not load. Here are some of the solutions I tried:

• setting gatsby-plugin-sass to 1.0.19
• re-deploying to Netlify with build cache cleared
• removing the yarn.lock file to force netlify to use npm
• removing the netlify site altogether and creating a new one.

These solutions don’t seem to correct the issue of the styles not loading. Also I tried deploying to surge.sh and I’m still getting no-styles deployment.

I’m pretty befuddled at this point even after looking at similar issues

Steps to reproduce

Netlify

1. Fork https://github.com/DanStockham/tootles-bar
2. Add site to Netlify
3. Deploy site

Surge

1. Clone https://github.com/DanStockham/tootles-bar
2. gatsby build
3. surge public/
4. Navigate to site

Expected result

Actual result

What happened.

Environment

• Gatsby version 1.9.253:
• gatsby-cli version 1.1.50:
• Node.js version: v8.9.4
• Operating System: Windows 10

File contents (if changed):

gatsby-config.js:

require('dotenv').config();

module.exports = {
  siteMetadata: {
    title: `Tootle's Pumpkin Inn`,
  },
  plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-glamor`,
    `gatsby-transformer-remark`,
    'gatsby-plugin-sass',
    {
      resolve: `gatsby-source-contentful`,
      options: {
        spaceId: process.env.CONTENTFUL_SPACE_ID,
        accessToken: process.env.CONTENTFUL_ACCESS_TOKEN
      }
    },
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        name: 'src',
        path: `${__dirname}/src/`
      },
    },
    {
      resolve: `gatsby-plugin-typography`,
      options: {
        pathToConfigModule: `src/utils/typography`,
      },
    }],
}

package.json:

{
  "name": "gatsby-starter-default",
  "description": "Gatsby default starter",
  "version": "1.0.0",
  "author": "Kyle Mathews <mathews.kyle@gmail.com>",
  "dependencies": {
    "bootstrap": "^4.1.0",
    "dot-env": "0.0.1",
    "gatsby": "^1.9.253",
    "gatsby-image": "^1.0.47",
    "gatsby-link": "^1.6.41",
    "gatsby-paginate": "^1.0.14",
    "gatsby-plugin-glamor": "^1.6.13",
    "gatsby-plugin-react-helmet": "^2.0.11",
    "gatsby-plugin-sass": "1.0.19",
    "gatsby-plugin-typography": "^1.7.18",
    "gatsby-source-contentful": "^1.3.47",
    "gatsby-source-filesystem": "^1.5.32",
    "gatsby-transformer-remark": "^1.7.40",
    "gatsby-transformer-sharp": "^1.6.23",
    "react-fontawesome": "^1.6.1",
    "react-helmet": "^5.2.0",
    "react-transition-group": "^2.3.1",
    "reactstrap": "^5.0.0",
    "typeface-lobster": "0.0.54",
    "typography-theme-kirkham": "^0.16.3"
  },
  "keywords": [
    "gatsby"
  ],
  "license": "MIT",
  "main": "n/a",
  "scripts": {
    "build": "gatsby build",
    "develop": "gatsby develop",
    "format": "prettier --trailing-comma es5 --no-semi --single-quote --write \"src/**/*.js\"",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "devDependencies": {
    "prettier": "^1.12.1"
  }
}

gatsby-node.js: gatsby-browser.js: gatsby-ssr.js: