Skip to content

IE11 Symbol Issue #318

Open
Open
@xjamundx

Description

@xjamundx

In Internet Explorer 11 I get this error message when using the web components polyfill and lodash omitBy or pickBy.

Unable to get property '@@__�symbol:iterator0.93819982581614551' of undefined or null reference

This is not a duplicate of #43, though there are some similarities.

This has occurred with other polyfills as well:

Lodash similarly has blocked the issue on their end, I believe thinking that polyfills need to resolve the issue:
lodash/lodash#2308

Some interesting things about reproduction:


This one will fail with the above error:

<script src="https://unpkg.com/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
<script>
var obj = {a: 1, b: 2}
var smaller = _.omitBy(obj, function (val) { return val > 1 })
console.log(smaller)
</script>

This one works fine:

<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/custom-elements-es5-adapter.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
<script>
var obj = {a: 1, b: 2}
var smaller = _.omitBy(obj, function (val) { return val > 1 })
console.log(smaller)
</script>

Does that just mean I'm using the wrong polyfill? My real use case is a complex webpack bundle thing with core-js and other, we first ran into #43 now this :)


Screen Shot 2020-05-05 at 11 13 05 AM


You can see it for yourself here:
https://jsfiddle.net/s8yzcjne/3/embedded/result,css,html,js

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions