Is it possible to compile lru-cache to the browser
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
add a comment |
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
This also appears to be happening with util.promisify
– Colin D
Nov 21 '18 at 22:02
add a comment |
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
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
javascript webpack babeljs
asked Nov 21 '18 at 21:16
Colin DColin D
1,1801619
1,1801619
This also appears to be happening with util.promisify
– Colin D
Nov 21 '18 at 22:02
add a comment |
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
add a comment |
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
This also appears to be happening with util.promisify
– Colin D
Nov 21 '18 at 22:02