Fuse: IE11 broken build

Created on 17 Sep 2020 · 9Comments · Source: krisk/Fuse

Describe the bug

I'm using core-js and webpack for development and production. On IE11 my app doesn't run, after commenting the import of my components that use fuse.js, it works flawlessly.

Version

6.4.1

Is this a regression?

I found old closed tickets with a similar issue: https://github.com/krisk/Fuse/issues?q=is%3Aissue+is%3Aclosed+ie11

🔬Minimal Reproduction

Create a regular webpack build with core-js
Use fuse.js
Open your app in IE11
Watch it burn

Stale bug

Source

mariorodriguespt

Most helpful comment

Found a temporary fix in previous tickets for those in urgent need:
change your import to import Fuse from 'fuse.js/dist/fuse.min.js'

mariorodriguespt on 17 Sep 2020

👍8

All 9 comments

Found a temporary fix in previous tickets for those in urgent need:
change your import to import Fuse from 'fuse.js/dist/fuse.min.js'

mariorodriguespt on 17 Sep 2020

👍8

Having the exact same problem.

import Fuse from 'fuse.js/dist/fuse.min.js'

works for me aswell!

maerzhase on 18 Sep 2020

Great but how to make this work in TypeScript?

import Fuse from 'fuse.js/dist/fuse.min.js' gives me:

Could not find a declaration file for module 'fuse.js/dist/fuse.min.js'. '/Users/mliquori/prequal-web/node_modules/fuse.js/dist/fuse.min.js' implicitly has an 'any' type.
  Try `npm install @types/fuse.js` if it exists or add a new declaration (.d.ts) file containing `declare module 'fuse.js/dist/fuse.min.js';`ts(7016)

mliq on 24 Sep 2020

Use tslint ignore next line @mliq

wsakaria-mdsol on 30 Sep 2020

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days

github-actions[bot] on 31 Oct 2020

Commenting to avoid closing without a fix.

mariorodriguespt on 3 Nov 2020

Looks like this is due to the the spread operator being including in the module builds. AFAIK, module should be reserved for ES5 syntax + import/export.

ekosz on 6 Nov 2020

We're running into this as well. I don't think this should be closed.

danielbeardsley on 16 Jan 2021

@mliq I copy-pasted the original fuse.d.ts to my sources (src/fuse.js__dist__fuse.min.js.d.ts) and wrapped it in declare module 'fuse.js/dist/fuse.min.js', and replaces the declares from there with exports, ie. like

declare module 'fuse.js/dist/fuse.min.js' {
  export default Fuse;

  export class Fuse<T> {
  ...
}

Now builds when used import Fuse from 'fuse.js/dist/fuse.min.js'; and types work and works also on IE11 which was the actual, rather sad requirement.