Include JS file in .vue file

Question

I have to include pusher.js in my .vue file like this:

<script src="https://js.pusher.com/5.1/pusher.min.js"></script>

I can see in the console ReferenceError: Pusher is not defined.

How can we include js files like this in .vue files? I cant even execute the js code in <script> tags.

Bhojendra Rauniyar · Accepted Answer · 2020-03-28 12:41:17Z

3

You can't include script directly in .vue file. Rather, you have to import the file:

import Pusher from 'path-to-pusher'

answered Mar 28, 2020 at 12:41

86k36 gold badges179 silver badges241 bronze badges

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

3 Comments

so basically import Pusher from './PATH/TO/JS/Pusher.js ?

You don't necessarily have to use .js just ./PATH/TO/JS/Pusher will work fine.

Glad to help :)