How to load JS library in Vuejs?

Asked Feb 07 '19 at 11:03

Active Feb 07 '19 at 13:40

Viewed 465 times

I want to use MathQuill editor in my project.

I try to load js library

import 'expose-loader?$!expose-loader?jQuery!jquery'
import 'expose-loader?m!expose-loader?MathQuill!../assets/mathquill-0.10.1/mathquill'
import("../assets/mathquill-0.10.1/mathquill.css")

but when I get call

MathQuill.getInterface(2);

I get the following error:

TypeError: Cannot read property 'getInterface' of undefined

In the console I see that MathQuill module is empty:

Module {__esModule: true, Symbol(Symbol.toStringTag): "Module"}
Symbol(Symbol.toStringTag): "Module"
__esModule: true
__proto__: Object

How can I load a JS library in Vue?

edited Feb 07 '19 at 13:40

linguamachina

5,785
1
22
22

asked Feb 07 '19 at 11:03

Alexandr Lukovnikov

2

did you try `import MathQuill from 'expose-loader?m!expose-loader?MathQuill!../assets/mathquill-0.10.1/mathquill'` ? – Boussadjra Brahim Feb 07 '19 at 11:20
Have a look at this: https://stackoverflow.com/questions/49584154/how-to-include-external-libraries-via-cdn-asynchronously-in-webpack – Constantin Chirila Feb 07 '19 at 11:45
Yes, I do. jQuery loads ok, but MathQuill not – Alexandr Lukovnikov Feb 07 '19 at 11:56

How to load JS library in Vuejs?

0 Answers0