gatsby: StaticQuery fails if not inlined in built websites

Description

When you don’t inline the query for a StaticQuery and run gatsby build and open the corresponding website, the site breaks and just displays Loading (StaticQuery) forever.

Steps to reproduce

In my example. I saved the query to a variable and passed that variable to the query prop.

// in NavigationMenu
export const SocialBarQuery = graphql`
  fragment SocialMediaFragment on Query {
    site {
      siteMetadata {
        twitter
        github
        medium
        steem
        linkedIn
      }
    }
  }
`

// in layout.js
const MainTemplateQuery = graphql`
      query MainTemplateQuery {
        ...SocialMediaFragment
      }
    `

// in render
      <StaticQuery query={MainTemplateQuery}
        render={data => (
          <section>
            <NavigationMenu data={data} />
          </section>
        )}
      />

Make sure to run it with gatsby build, I did not have this issue while developing with gatsby develop.

As soon as you inline the query, it works:

      <StaticQuery query={ graphql`
      query MainTemplateQuery {
        ...SocialMediaFragment
      }
    `}
        render={data => (
          <section>
            <NavigationMenu data={data} />
          </section>
        )}
      />

Expected result

The website should work.

Actual result

The website shows Loading (StaticQuery) forever.

Environment

  System:
    OS: Windows 10
  Binaries:
    npm: 5.3.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 42.17134.1.0
  npmPackages:
    gatsby: ^2.0.18 => 2.0.18
    gatsby-link: ^2.0.4 => 2.0.4
    gatsby-plugin-feed: ^2.0.6 => 2.0.6
    gatsby-plugin-glamor: ^2.0.5 => 2.0.5
    gatsby-plugin-google-analytics: ^2.0.6 => 2.0.6
    gatsby-plugin-offline: ^2.0.5 => 2.0.5
    gatsby-plugin-react-helmet: ^3.0.0 => 3.0.0
    gatsby-plugin-sharp: ^2.0.6 => 2.0.6
    gatsby-remark-copy-linked-files: ^2.0.5 => 2.0.5
    gatsby-remark-images: ^2.0.3 => 2.0.3
    gatsby-remark-prismjs: ^3.0.1 => 3.0.1
    gatsby-remark-responsive-iframe: ^2.0.5 => 2.0.5
    gatsby-remark-smartypants: ^2.0.5 => 2.0.5
    gatsby-source-filesystem: ^2.0.1 => 2.0.1
    gatsby-transformer-remark: ^2.1.6 => 2.1.6
    gatsby-transformer-sharp: ^2.1.3 => 2.1.3

error The system cannot find the path specified.

  Error: The system cannot find the path specified.

  - envinfo.js:1 Function.e.exports.sync
    [npm]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:7778
...