GatsBy Application is not loading in IE 11

Vykuntarao-n commented 4 years ago

Description

Application is not loading in IE 11. We have added included the "gatsby-plugin-polyfill-io": "^1.1.0", still application fails to load in IE11.

Here is the Package.json

{

"name": "", "private": true, "description": "Gatsby Contentful TypeScript", "version": "3.1.26", "author": "", "scripts": { "clean": "gatsby clean", "lint:eslint": "eslint \"./*/.{js,jsx,ts,tsx}\" --fix", "lint:prettier": "prettier \"./*/.{json,yml,css,md}\" --write", "lint": "npm-run-all lint:*", "generate": "graphql-codegen", "build": "gatsby build", "develop": "gatsby develop", "suite": "echo \"Write tests! -> https://gatsby.app/unit-testing\"", "start": "npm-run-all develop", "test": "npm-run-all lint suite build" },

"husky": { "hooks": { "pre-commit": "lint-staged" } },

"lint-staged": { "*.{js,jsx,ts,tsx}": [ "eslint --fix", "git add" ],

"*.{json,yml,css,md}": [
  "prettier --write",
  "git add"
]

},

"keywords": [ "gatsby" ],

"dependencies": { "@emotion/core": "^10.0.14", "@reach/router": "^1.2.1", "@types/js-cookie": "^2.2.4", "@types/luxon": "^1.15.2", "@types/uniqid": "^4.1.3", "apollo-boost": "^0.4.4", "apollo-client": "^2.6.4", "classnames": "^2.2.6", "dotenv-safe": "^6.1.0", "emotion": "^10.0.14", "fitch_storybook": "^2.1.22", "gatsby": "^2.15.19", "gatsby-background-image": "^0.8.15", "gatsby-image": "^2.2.20", "gatsby-plugin-catch-links": "^2.1.10", "gatsby-plugin-create-client-paths": "^2.1.9", "gatsby-plugin-emotion": "^4.1.7", "gatsby-plugin-google-analytics": "^2.1.17", "gatsby-plugin-google-tagmanager": "^2.1.17", "gatsby-plugin-manifest": "^2.2.18", "gatsby-plugin-offline": "^3.0.8", "gatsby-plugin-polyfill-io": "^1.1.0", "gatsby-plugin-react-helmet": "^3.1.8", "gatsby-plugin-sass": "^2.1.15", "gatsby-plugin-sharp": "^2.2.25", "gatsby-plugin-sitemap": "^2.2.14", "gatsby-plugin-typescript": "^2.1.9", "gatsby-source-contentful": "^2.1.42", "gatsby-source-filesystem": "^2.1.25", "gatsby-transformer-remark": "^2.6.24", "gatsby-transformer-sharp": "^2.2.16", "graphql": "^14.5.8", "graphql-tag": "^2.10.1", "intersection-observer": "^0.7.0", "js-cookie": "^2.2.1", "lodash": "^4.17.15", "luxon": "^1.17.2", "node-fetch": "^2.6.0", "query-string": "^6.8.2", "react": "^16.9.0", "react-apollo": "^3.1.1", "react-dom": "^16.9.0", "react-helmet": "^5.2.1", "uniqid": "^5.0.3" },

"devDependencies": { "@babel/core": "^7.6.2", "@babel/preset-env": "^7.6.0", "@graphql-codegen/cli": "^1.7.0", "@graphql-codegen/typescript": "1.7.0", "@graphql-codegen/typescript-operations": "1.7.0", "@graphql-codegen/typescript-react-apollo": "1.7.0", "@types/classnames": "^2.2.9", "@types/graphql": "^14.2.3", "@types/lodash": "^4.14.136", "@types/node-fetch": "^2.5.0", "@types/react": "^16.8.25", "@types/react-dom": "^16.8.5", "@types/react-helmet": "^5.0.11", "@typescript-eslint/eslint-plugin": "^2.3.1", "@typescript-eslint/parser": "^2.3.1", "eslint": "^6.4.0", "eslint-config-airbnb": "^17.1.1", "eslint-config-prettier": "^6.0.0", "eslint-import-resolver-typescript": "^1.1.1", "eslint-plugin-import": "^2.18.2", "eslint-plugin-jsx-a11y": "^6.2.3", "eslint-plugin-prettier": "^3.1.0", "eslint-plugin-react": "^7.14.3", "husky": "^3.0.1", "lint-staged": "^9.2.0", "node-sass": "^4.12.0", "npm-run-all": "^4.1.5", "prettier": "^1.18.2", "typescript": "^3.6.3" },

"resolutions": { "@babel/helpers": "^7.6.0", "caniuse-lite": "1.0.30000977" } }

Describe the issue that you're seeing.

When loading the application here are the error we do see in the console.

HTML1300: Navigation occurred.

www-dev.fitchratings.com

DOM7011: The code on this page disabled back and forward caching. For more information, see: http://go.microsoft.com/fwlink/?LinkID=291337

www-dev.fitchratings.com

CSS3111: @font-face encountered unknown error.

fa-solid-900.woff2

[Matomo] Tracking initialized

[Matomo] matomoUrl: fitchconnect.piwikpro.com, siteId: 6911d325-ec7a-45b5-be1a-ca431aaae2b0

Evidon -- evidon-notice-link not found on page, cant display the consent link.

Unhandled promise rejection TypeError: Unable to get property 'bind' of undefined or null reference

"Unhandled promise rejection"

{

  [functions]: ,

  __proto__: { },

  __symbol:0.986408081979372916: undefined,

  __symbol:0.986408081979372919: undefined,

  __symbol:0.986408081979372920: undefined,

  __symbol:0.986408081979372921: undefined,

  __symbol:0.986408081979372922: undefined,

  __symbol:__symbol:nodejs.util.inspect.custom0.9864080819793729: undefined,

  __symbol:__symbol:react.async_mode0.9864080819793729: undefined,

  __symbol:__symbol:react.concurrent_mode0.9864080819793729: undefined,

  __symbol:__symbol:react.context0.9864080819793729: undefined,

  __symbol:__symbol:react.element0.9864080819793729: undefined,

  __symbol:__symbol:react.forward_ref0.9864080819793729: undefined,

  __symbol:__symbol:react.fragment0.9864080819793729: undefined,

  __symbol:__symbol:react.fundamental0.9864080819793729: undefined,

  __symbol:__symbol:react.lazy0.9864080819793729: undefined,

  __symbol:__symbol:react.memo0.9864080819793729: undefined,

  __symbol:__symbol:react.portal0.9864080819793729: undefined,

  __symbol:__symbol:react.profiler0.9864080819793729: undefined,

  __symbol:__symbol:react.provider0.9864080819793729: undefined,

  __symbol:__symbol:react.responder0.9864080819793729: undefined,

  __symbol:__symbol:react.scope0.9864080819793729: undefined,

  __symbol:__symbol:react.strict_mode0.9864080819793729: undefined,

  __symbol:__symbol:react.suspense0.9864080819793729: undefined,

  __symbol:__symbol:react.suspense_list0.9864080819793729: undefined,

  __symbol:extensions0.986408081979372926: undefined,

  __symbol:foo0.986408081979372923: undefined,

  __symbol:foo0.986408081979372924: undefined,

  __symbol:hasInstance0.98640808197937291: undefined,

  __symbol:isConcatSpreadable0.98640808197937292: undefined,

  __symbol:iterator0.98640808197937293: undefined,

  __symbol:match0.98640808197937294: undefined,

  __symbol:observable0.986408081979372925: undefined,

  __symbol:replace0.98640808197937295: undefined,

  __symbol:search0.98640808197937296: undefined,

  __symbol:species0.98640808197937297: undefined,

  __symbol:split0.986408081979372910: undefined,

  __symbol:Symbol._hidden0.986408081979372918: undefined,

  __symbol:Symbol.asyncIterator0.986408081979372917: undefined,

  __symbol:toPrimitive0.986408081979372911: undefined,

  __symbol:toStringTag0.986408081979372912: undefined,

  __symbol:undef0.98640808197937298: undefined,

  __symbol:undef0.98640808197937299: undefined,

  __symbol:undef0.986408081979372914: undefined,

  __symbol:undef0.986408081979372915: undefined,

  __symbol:unscopables0.986408081979372913: undefined,

  description: "Unable to get property 'bind' of undefined or null reference",

  message: "Unable to get property 'bind' of undefined or null reference",

  name: "TypeError",

  number: -2146823281,

  stack: "TypeError: Unable to get property 'bind' of undefined or null reference

at oY9k (https://www-dev.fitchratings.com/commons-31c1e05026a9df987c6d.js:1:890410)

at a (https://www-dev.fitchratings.com/webpack-runtime-bb0a5024cc9e3f30e87e.js:1:559)

at b64Y (https://www-dev.fitchratings.com/commons-31c1e05026a9df987c6d.js:1:731465)

at a (https://www-dev.fitchratings.com/webpack-runtime-bb0a5024cc9e3f30e87e.js:1:559)

at 1Jss (https://www-dev.fitchratings.com/commons-31c1e05026a9df987c6d.js:1:61332)

at a (https://www-dev.fitchratings.com/webpack-runtime-bb0a5024cc9e3f30e87e.js:1:559)

at phoi (https://www-dev.fitchratings.com/component---src-templates-home-page-tsx-39500c58c926715a8ddc.js:1:3875)

at a (https://www-dev.fitchratings.com/webpack-runtime-bb0a5024cc9e3f30e87e.js:1:559)

at a (https://www-dev.fitchratings.com/app-4ba82ba2e48f76e8b77d.js:1:65569)

at Anonymous function (https://www-dev.fitchratings.com/app-4ba82ba2e48f76e8b77d.js:1:65716)"

}

Steps to reproduce

Deploy the application in and open in IE 11

How to Make a Minimal Reproduction: https://www.gatsbyjs.org/contributing/how-to-make-a-reproducible-test-case/

Expected result

Application Should load without errors in IE11.

Actual result

Application partially loading in IE11 with errors .

Environment

Run gatsby info --clipboard in your project directory and paste the output here.

System: OS: Windows 10 10.0.17763 CPU: (8) x64 Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz Binaries: Node: 13.5.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.17.3 - C:\Program Files (x86)\Yarn\bin\yarn.CMD npm: 6.13.4 - C:\Program Files\nodejs\npm.CMD Languages: Python: 2.7.17 - /c/Python27/python Browsers: Edge: 44.17763.831.0 npmPackages: gatsby: ^2.15.19 => 2.15.19 gatsby-background-image: ^0.8.15 => 0.8.15 gatsby-image: ^2.2.20 => 2.2.20 gatsby-plugin-catch-links: ^2.1.10 => 2.1.10 gatsby-plugin-create-client-paths: ^2.1.9 => 2.1.9 gatsby-plugin-emotion: ^4.1.7 => 4.1.7 gatsby-plugin-google-analytics: ^2.1.17 => 2.1.17 gatsby-plugin-google-tagmanager: ^2.1.17 => 2.1.17 gatsby-plugin-manifest: ^2.2.18 => 2.2.18 gatsby-plugin-offline: ^3.0.8 => 3.0.8 gatsby-plugin-polyfill-io: ^1.1.0 => 1.1.0 gatsby-plugin-react-helmet: ^3.1.8 => 3.1.8 gatsby-plugin-sass: ^2.1.15 => 2.1.15 gatsby-plugin-sharp: ^2.2.25 => 2.2.25 gatsby-plugin-sitemap: ^2.2.14 => 2.2.14 gatsby-plugin-typescript: ^2.1.9 => 2.1.9 gatsby-source-contentful: ^2.1.42 => 2.1.85 gatsby-source-filesystem: ^2.1.25 => 2.1.25 gatsby-transformer-remark: ^2.6.24 => 2.6.24 gatsby-transformer-sharp: ^2.2.16 => 2.2.16

github-actions[bot] commented 4 years ago

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here. If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open! As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

github-actions[bot] commented 4 years ago

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it. Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else. As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks again for being part of the Gatsby community! 💪💜

gatsbyjs / gatsby