Error when trying to load external js file in index.html (Vue)

Question

So I'm getting the following error when I try to load an external js file in the index.html

Uncaught SyntaxError: Unexpected token <

This how I'm calling it:

<script async src="/src/assets/fabric.min.js"></script>

I'm not sure why it's giving this error because if I use cdnjs it works fine:

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.22/fabric.min.js"></script>

I can provide more details if necessary.

It looks like the path is wrong and your server is serving HTML instead (like a 404 error page). — user5734311
– user5734311, Commented Jan 9, 2018 at 23:59
Try to use this this link https://www.npmjs.com/package/fabric then install it using Vue.use(fabric) — Jrey
– Jrey, Commented Jan 10, 2018 at 0:04
@ChrisG If you're asking about the url, I'm running on localhost: http://localhost:8080/#/ — A. L
– A. L, Commented Jan 10, 2018 at 0:04
@A.Lau Exactly, the server sends back the index file, which starts with <. But you already solved it. — user5734311
– user5734311, Commented Jan 10, 2018 at 0:22

A. L · Accepted Answer · 2018-01-10 00:16:56Z

2

Solved this by moving the required file into the static folder.

answered Jan 10, 2018 at 0:16

A. L

12.7k29 gold badges100 silver badges179 bronze badges

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

1 Answer 1