Problem with funfix in Angular 5 project with IE11 browser

[tosun-si]

Firstly, thanks for this API, i really like it.

I have a problem. I Use funfix "^6.2.2" in an Angular 5 project (with npm and webpack) and i have an anomaly only in the IE11 browser.

This API works fine on firefox and chrome.

This API is it compatible with IE11 ?

I have the following error in IE 11 :

// "../../../../funfix-core/dist/std.js":
// (function(module, webpack_exports, webpack_require) {

"use strict";
eval("/* harmony export (immutable) / webpack_exports["g"] = isValueObject;\n/ harmony

Can you help me please ?

[alexandru]

Hi @tosun-si, not sure what to tell you, but Funfix does not use Webpack in its bundle, so it's probably your setup.

One thing you could try, if you're using Webpack, is to use the ES5 bundle ... this means importing dist/es5 instead of your import. This bundle was made for Webpack compatibility btw.

Also I have the feeling that you're importing funfix-core/dist/std, but you shouldn't depend directly on files like that. funfix-core is small enough and if you're using Webpack you probably want to use its minifier anyway.

So try this:

import { ... } from "funfix-core/dist/es5"

And let me know.

[alexandru]

PS: it might work fine in Firefox and Chrome for the sole reason that these are modern browsers supporting ES2015 features. Which is why you need the es5 bundle ;-)

[tosun-si]

Hi @alexandru.
Thank you very much for your help.

I tried with import { ... } from "funfix-core/dist/es5" but i have the same problem.

[tosun-si]

Had you tried to use funfix in an Angular 5 project with typescript (and webpack) ?

[tosun-si]

Hi @alexandru.

Finally, it woks on on IE11 with :

import * as core from "funfix-core/dist/es5"

Thanks again for your help :)

[alexandru]

@tosun-si I'm very glad it worked.

Will close this for now.

Cheers,