How to connect other JavaScript file to Vue file without any error?

Question

I want to connect other .js file to my .vue file.
So, i use theese line of code in my .vue file:

import  jQuery from 'jquery'
import './assets/js/script'

But, the console in Chrome (and other browsers) say:

Uncaught ReferenceError: jQuery is not defined

I don't get why is it happening because i import jQuery var. and i use jQuery(). structure in my .js file

UPD: Sure, i have used npm install jquery;
I have also tried to use var jQuery = require("jquery")

TJ Weems · Accepted Answer · 2019-12-11 16:33:36Z

1

Try

import $ from 'jquery'

As suggested in the comments.

There are multiple ways to implement jquery into your project. For other people who come across this question I will reference a few links you can try if the above suggestion does not work.

article 1

article 2

edited Dec 11, 2019 at 16:33

answered Dec 10, 2019 at 16:53

TJ Weems

1,1143 gold badges22 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kerim Kuşcu Over a year ago

please using import $ from 'jquery' change your import

Nico Haase Over a year ago

Please add some explanation to your code such that others can learn from it

Collectives™ on Stack Overflow

How to connect other JavaScript file to Vue file without any error?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related