Hello - I am encountering a problem when doing accessibility testing. When accessing an ionic app using the chrome screenreader (which is ChromeVox) the site fails to load.
The error below is presented in console. I have also verified this same behaviour happens with a brand new Ionic project. This is happening both in the most recent ionic version and in Ionic 5.
Unhandled Promise rejection: Cannot read properties of undefined (reading 'includes') ; Zone: <root> ; Task: null ; Value: TypeError: Cannot read properties of undefined (reading 'includes')
at addStyle (index-06cd27b1.js:144:57)
at attachStyles (index-06cd27b1.js:155:21)
at index-06cd27b1.js:1146:9
at Generator.next (<anonymous>)
at asyncGeneratorStep (asyncToGenerator.js:3:1)
at _next (asyncToGenerator.js:25:1)
at asyncToGenerator.js:32:1
at new ZoneAwarePromise (zone.js:1340:1)
at asyncToGenerator.js:21:1
at updateComponent (index-06cd27b1.js:1139:22) TypeError: Cannot read properties of undefined (reading 'includes')
at addStyle (http://localhost:4200/vendor.js:11537:55)
at attachStyles (http://localhost:4200/vendor.js:11550:19)
at http://localhost:4200/vendor.js:12692:7
at Generator.next (<anonymous>)
at asyncGeneratorStep (http://localhost:4200/vendor.js:117234:24)
at _next (http://localhost:4200/vendor.js:117256:9)
at http://localhost:4200/vendor.js:117263:7
at new ZoneAwarePromise (http://localhost:4200/polyfills.js:4478:33)
at http://localhost:4200/vendor.js:117252:12
at updateComponent (http://localhost:4200/vendor.js:12728:17)
File mentioned in the error is “node_modules/@ionic/core/dist/esm/index-88bdeaae.js” on this block
else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
}