How to import Fuse.js as ES6 module client side?

Asked Feb 05 '19 at 16:31

Active Feb 06 '19 at 10:03

Viewed 774 times

I use ES6 modules in my code but I cannot import Fuse on the client. In node, everything works, but in the browser (Firefox developer edition 66.0b4 on Linux), this fails (the code is in the ./js folder):

import Fuse from "../node_modules/fuse.js/dist/fuse.js";
...
new Fuse(items,options);

The error is "SyntaxError: import not found: default". Can this be fixed or is it impossible to use Fuse as an ES6 module in the browser?

My package.json contains the dependency "fuse.js": "^3.3.0". I don't use transpilation at this time.

P.S.: It works with the transpiled code, but I develop without transpilation.

edited Feb 06 '19 at 09:58

asked Feb 05 '19 at 16:31

Konrad Höffner

8,510
11
50
92

1

import * as Fuse from fuse.js – a2441918 Feb 05 '19 at 16:34
@a2441918: Doesn't work for me. `TypeError: Fuse is not a constructor` (Fuse.Fuse has the same problem). What is your setup? – Konrad Höffner Feb 06 '19 at 09:41
why not `import Fuse from 'fuse.js'` – Alex Shtromberg Feb 06 '19 at 10:05
@AlexShtromberg: It won't find it like that in the browser. I want my code to function in all three environments: delevopment (browser, untranspiled), production (browser, transpiled) and testing (npm). – Konrad Höffner Feb 06 '19 at 10:09
You have to transpile for the browser to understand `import` regardless whether you're in dev or prod mode. – denikov Dec 16 '19 at 22:14

How to import Fuse.js as ES6 module client side?

0 Answers0