Warning: You may need an appropriate loader to handle this file type.

hi folks! I am getting 6 big scary yellow warnings all of this nature when trying to use the graphiql React component… how do i silence this please?

WARNING in ./~/graphql-language-service-interface/dist/getOutline.js.flow
Module parse failed: ROUTE_TO_ABOVEMENTIONED_FILE Unexpected token (11:12)
You may need an appropriate loader to handle this file type.
|  */
|
| import type {
|   Outline,
|   TextToken,
 @ ./~/graphql-language-service-interface/dist ^.*$
 @ ./~/graphql-language-service-interface/dist/GraphQLLanguageService.js
 @ ./~/graphql-language-service-interface/dist/index.js
 @ ./~/codemirror-graphql/hint.js
 @ ./~/graphiql/dist/components/QueryEditor.js
 @ ./~/graphiql/dist/components/GraphiQL.js
 @ ./~/graphiql/dist/index.js
 @ ./client/components/graphql.js
 @ ./client/components/user-home.js
 @ ./client/components/index.js
 @ ./client/routes.js
 @ ./client/index.js

[levindixon]

As a temporary solution I ended up installing ignore-loader and adding the following to my webpack config:

{ test: /\.flow$/, loader: 'ignore-loader' }

[dandean]

This fix for this issue is to have a Webpack Loader configured to strip flow types:

npm install remove-flow-types-loader

webpack config:

      {
        test: /\.js/, // assuming the files are named .js.flow 
        enforce: 'pre',
        use: ['remove-flow-types-loader']
      },