Is it possible to compile lru-cache to the browser












0















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










share|improve this question























  • This also appears to be happening with util.promisify

    – Colin D
    Nov 21 '18 at 22:02
















0















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










share|improve this question























  • This also appears to be happening with util.promisify

    – Colin D
    Nov 21 '18 at 22:02














0












0








0








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










share|improve this question














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







javascript webpack babeljs






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 21 '18 at 21:16









Colin DColin D

1,2201619




1,2201619













  • This also appears to be happening with util.promisify

    – Colin D
    Nov 21 '18 at 22:02



















  • This also appears to be happening with util.promisify

    – Colin D
    Nov 21 '18 at 22:02

















This also appears to be happening with util.promisify

– Colin D
Nov 21 '18 at 22:02





This also appears to be happening with util.promisify

– Colin D
Nov 21 '18 at 22:02












0






active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53420588%2fis-it-possible-to-compile-lru-cache-to-the-browser%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53420588%2fis-it-possible-to-compile-lru-cache-to-the-browser%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

"Incorrect syntax near the keyword 'ON'. (on update cascade, on delete cascade,)

Alcedinidae

Origin of the phrase “under your belt”?