Qfyilyi

I am trying to get an app working with Internet Explorer that is compiled with webpack, and it has dependencies on lru-cache node module. Without getting too much detail into my webpack configuration, I am getting this error.

HTML1300: Navigation occurred.

app

TypeError: Cannot modify non-writable property 'length'

   {

      [functions]: ,

      __proto__: { },

      description: "Cannot modify non-writable property 'length'",

      message: "Cannot modify non-writable property 'length'",

      name: "TypeError",

      number: -2146823209,

      stack: "TypeError: Cannot modify non-writable property 'length'

   at defineProperty (http://localhost/app/dist/main.bundle.js:4637:5)

   at defineProperties (http://localhost/app/dist/main.bundle.js:4645:17)

   at promisify (http://localhost/app/dist/0.bundle.js:105745:2)

   at promisify (http://localhost/app/dist/0.bundle.js:105646:2)

   at Anonymous function (http://localhost/app/dist/0.bundle.js:106141:130)

   at Anonymous function (http://localhost/app/dist/0.bundle.js:106109:29)

   at __webpack_require__ (http://localhost/app/dist/main.bundle.js:50:12)

   at Anonymous function (http://localhost/app/dist/0.bundle.js:153527:773)

   at Anonymous function (http://localhost/app/dist/0.bundle.js:153527:29)

   at __webpack_require__ (http://localhost/app/dist/main.bundle.js:50:12)",

      Symbol()_m.c1jtqv4wbmm: undefined,

      Symbol()_n.c1jtqv4wbmm: undefined,

      Symbol()_p.c1jtqv4wbmm: undefined,

      Symbol()_q.c1jtqv4wbmm: undefined,

      Symbol()_r.c1jtqv4wbmm: undefined,

      Symbol(foo)_o.c1jtqv4wbmm: undefined

   }





Unhandled promise rejection TypeError: Cannot modify non-writable property 'length'

   "Unhandled promise rejection"

   {

      [functions]: ,

      __proto__: { },

      description: "Cannot modify non-writable property 'length'",

      message: "Cannot modify non-writable property 'length'",

      name: "TypeError",

      number: -2146823209,

      stack: "TypeError: Cannot modify non-writable property 'length'

   at defineProperty (http://localhost/app/dist/main.bundle.js:4637:5)

   at defineProperties (http://localhost/app/dist/main.bundle.js:4645:17)

   at promisify (http://localhost/app/dist/0.bundle.js:105745:2)

   at promisify (http://localhost/app/dist/0.bundle.js:105646:2)

   at Anonymous function (http://localhost/app/dist/0.bundle.js:106141:130)

   at Anonymous function (http://localhost/app/dist/0.bundle.js:106109:29)

   at __webpack_require__ (http://localhost/app/dist/main.bundle.js:50:12)

   at Anonymous function (http://localhost/app/dist/0.bundle.js:153527:773)

   at Anonymous function (http://localhost/app/dist/0.bundle.js:153527:29)

   at __webpack_require__ (http://localhost/app/dist/main.bundle.js:50:12)",

      Symbol()_m.c1jtqv4wbmm: undefined,

      Symbol()_n.c1jtqv4wbmm: undefined,

      Symbol()_p.c1jtqv4wbmm: undefined,

      Symbol()_q.c1jtqv4wbmm: undefined,

      Symbol()_r.c1jtqv4wbmm: undefined,

      Symbol(foo)_o.c1jtqv4wbmm: undefined

   }

The reason seems to be that lru-cache uses Object.defineProperty on 'length'. Are there any babel plugins that can accommodate this? I saw https://babeljs.io/docs/en/babel-plugin-transform-es5-property-mutators but this seems to change get/set into defineProperty elements instead of solving it

I can probably use a different LRU module but it requires changing many dependencies and maybe even dependencies of dependencies