Not working in IE11 [SOLVED]

[rajeshkannanv]

Description
We have a project using routify. we have added compiler(babel+core-js) to support legacy browsers. but still it is not working in IE11. If i remove routify and run a svelte app, it is working IE11.
Sample project : https://github.com/rajeshkannanv/routify-webpack-example

Logs
SCRIPT5009: 'Proxy' is undefined

Which comes from here:

File: runtime/helpers.js

var metatags = new Proxy(_metatags, { set: function set(target, name, value, receiver) { var props = target.props, getOrigin = target.getOrigin; if (Reflect.has(target, name)) Reflect.set(target, name, value, receiver);else { props[name] = props[name] || {}; props[name][getOrigin()] = value; } if (window['routify'].appLoaded) target.batchedUpdate(); return true; } });

How to reproduce

I have created sample project with routify+webpack+babel.
https://github.com/rajeshkannanv/routify-webpack-example

Does routify support in IE11?
Do we have any work around for this issue?

[jakobrosenberg]

You will need a compiler like Babel for legacy browsers.

https://github.com/rollup/plugins/tree/master/packages/babel

[rajeshkannanv]

@jakobrosenberg Thanks for your quick response, we are using webpack with babel, still it is not working. I have updated the issue details with sample project. where this issue can be reproduce able.

[jakobrosenberg]

I'm all thumbs when it comes to Webpack. 😳

Is this of any use?
sveltejs/svelte#3388

[rajeshkannanv]

By adding proxy-polyfill for IE11. I have solved the issue.

[jakobrosenberg]

Thanks @rajeshkannanv

I hope this can save others some time in the future.