New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
ES5 build doesn't work on IE11: attachShadow not supported #2684
Comments
Latest version where this error does not occur is v1.17.3 (at least in my case) |
I found a workaround. |
I found a solution: it is needed to explicitly configure that a shadow DOM shim should be added to the build; add to your
|
Glad you found it and apologies for the delay! From the changelog, here are all the necessary settings to restore the 1.x defaults: export const config: Config = {
buildEs5: 'prod',
extras: {
cssVarsShim: true,
dynamicImportShim: true,
safari10: true,
shadowDomShim: true,
}
}; |
Stencil version:
I'm submitting a:
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://stencil-worldwide.herokuapp.com/ or https://forum.ionicframework.com/
Current behavior:
After setting the
buildEs5
config's property either totrue
or toprod
and executing eithernpm start
ornpm run build
, thewww
output target does not work on IE11. It prints: Object doesn't support property or method 'attachShadow'Expected behavior:
ES5 build is working on IE11
Steps to reproduce:
npm init stencil
, pickcomponent
, give e.g.test-element
as a name and confirm.cd test-element
andnpm install
buildEs5
property toprod
instencil.config.ts
npm run build
www
directory using a web server of your choiceindex.html
in IE11. A blank page is displayed. The following error is printed to the console: Object doesn't support property or method 'attachShadow'Related code:
Other information:
The text was updated successfully, but these errors were encountered: