Gatsby: Building product Javascrript and CSS bundles failed (WEBPACK ERROR #98123)

[steffieharner]

This is my first time using Issues and reaching out for help from the public. @_@
Link to my repository here.

Description

I am able to build fine for development, but not production.

Steps to reproduce

yarn develop

gatsby-config.js

``module.exports = { siteMetadata: { title:#100DaysOfCode, description:Steffie Harner hereby commits herself to 100DaysofCode to learn more about GatsbyJS, creative coding, & motion graphics, author:steffie harner, }, plugins: [ gatsby-plugin-react-helmet, { resolve:gatsby-source-filesystem, options: { name:images, path:${__dirname}/src/images, }, }, gatsby-transformer-sharp, gatsby-plugin-sharp, { resolve:gatsby-plugin-manifest, options: { name:gatsby-starter-default, short_name:starter, start_url:/, background_color:#663399, theme_color:#663399, display:minimal-ui, icon:src/images/gatsby-icon.png, // This path is relative to the root of the site. }, }, // this (optional) plugin enables Progressive Web App + Offline functionality // To learn more, visit: https://gatsby.dev/offline //gatsby-plugin-offline`,
],
}

### package.json

```{
  "name": "gatsby-starter-default",
  "private": true,
  "description": "A simple starter to get up and developing quickly with Gatsby",
  "version": "0.1.0",
  "author": "Kyle Mathews <[email protected]>",
  "dependencies": {
    "@types/react": "^16.9.23",
    "core-js": "^3.6.4",
    "gatsby": "^2.19.7",
    "gatsby-image": "^2.2.39",
    "gatsby-plugin-manifest": "^2.2.39",
    "gatsby-plugin-offline": "^3.0.32",
    "gatsby-plugin-react-helmet": "^3.1.21",
    "gatsby-plugin-sharp": "^2.4.3",
    "gatsby-source-filesystem": "^2.1.46",
    "gatsby-transformer-sharp": "^2.3.13",
    "prop-types": "^15.7.2",
    "react": "^16.12.0",
    "react-anime": "^3.0.3",
    "react-dom": "^16.12.0",
    "react-helmet": "^5.2.1",
    "scss": "^0.2.4",
    "typescript": "^3.8.3"
  },
  "devDependencies": {
    "prettier": "^1.19.1"
  },
  "keywords": [
    "gatsby"
  ],
  "license": "MIT",
  "scripts": {
    "build": "gatsby build",
    "dev": "gatsby develop",
    "format": "prettier --write \"**/*.{js,jsx,json,md}\"",
    "start": "yarn develop",
    "serve": "gatsby serve",
    "clean": "gatsby clean",
    "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/gatsbyjs/gatsby-starter-default"
  },
  "bugs": {
    "url": "https://github.com/gatsbyjs/gatsby/issues"
  }
}

Expected result

Have a nice build in /pubilc to deploy.

Actual result

``` info bootstrap finished - 4.813 s
⠀
failed Building production JavaScript and CSS bundles - 4.393s

ERROR #98123 WEBPACK

Generating JavaScript bundles failed

Expected an opening square bracket.
```

Environment

System: OS: macOS Mojave 10.14.6 CPU: (8) x64 Intel(R) Core(TM) i5-8259U CPU @ 2.30GHz Shell: 5.3 - /bin/zsh Binaries: Node: 10.16.3 - /usr/local/bin/node Yarn: 1.21.1 - /usr/local/bin/yarn npm: 6.9.0 - /usr/local/bin/npm Languages: Python: 2.7.16 - /usr/bin/python Browsers: Chrome: 79.0.3945.117 Firefox: 73.0.1 Safari: 13.0.5 npmPackages: gatsby: ^2.19.7 => 2.19.32 gatsby-image: ^2.2.39 => 2.2.43 gatsby-plugin-manifest: ^2.2.39 => 2.2.44 gatsby-plugin-offline: ^3.0.32 => 3.0.37 gatsby-plugin-react-helmet: ^3.1.21 => 3.1.23 gatsby-plugin-sharp: ^2.4.3 => 2.4.7 gatsby-source-filesystem: ^2.1.46 => 2.1.50 gatsby-transformer-sharp: ^2.3.13 => 2.3.17

[herecydev]

Welcome @steffieharner, nothing jumps out as incorrect and I am able to use your gatsby-config.js with gatsby develop and it does build for me. Are you able to provide a reproduction to demonstrate the issue? There's some good info here on how to do that.

[steffieharner]

@herecydev thanks so much for your reply!

Here is my repository: https://github.com/steffieharner/100daysofcode

[herecydev]

The issue is in the css here: https://github.com/steffieharner/100daysofcode/blob/master/src/styles/layout.css#L93

Just remove that opening square bracket. Let me know if that helps

[steffieharner]

Wow, I can't believe it was so simple >< ... THANK YOU SO MUCH! I have a long way to go to learning how to debug my own code. @herecydev