Question

173

Uncaught SyntaxError: Unexpected token '< ' VueJS PWA

rated 0 times [ 175] [ 2] / answers: 1 / hits: 9053 / 4 Years ago, fri, march 27, 2020, 12:00:00

When I generate the production version of my PWA built with VueJS I got this error in Google Chrome after deploying it to my server:

Uncaught SyntaxError: Unexpected token '<' in app.21fde857.js:1

Uncaught SyntaxError: Unexpected token '<' in chunk-vendors.d1f8f63f.js:1

I take a look in the Network tab of the console and in both files chunk-vendors.d1f8f63f.js and app.21fde857.js the index.html is coming back with a status 200.

Why this occurs?

OBS: Locally this works perfectly.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

hallie

Add To Favorites

Follow

Total Points: 503

Total Questions: 114

Total Answers: 103

Location: Iraq

Member since Fri, Jun 5, 2020

4 Years ago

hallie questions

1 Uncaught TypeError: Cannot read properties of undefined (reading 'navigate')

Fri, Jan 28, 22, 00:00, 2 Years ago

1 isSameOrBefore implementation for date-fns

Fri, Jul 9, 21, 00:00, 3 Years ago

1 Module build failed when using mini-css-extract-plugin with postcss-loader for less

Thu, May 27, 21, 00:00, 3 Years ago

1 d3.js in Angular - Property 'event' does not exist on type 'typeof import

Wed, Nov 11, 20, 00:00, 4 Years ago

1 Using useEffect and useContext while fetching data

Sun, Sep 8, 19, 00:00, 5 Years ago

View All

answered 4 Years ago madelyn · Accepted Answer

Add <%= BASE_URL %> on all links in index.html
(Example: <link href="<%= BASE_URL %>favicon/apple-icon-144x144.png">)

And add the base tag (Example: <base href="https://mywebsite.com" />) in the head tag, and now this works perfectly.

Old answer

I found a solution. I have to add a manually a . in every src in the index.html file in the dist/ folder. (Example: <link href=./js/chunk-vendors.d1f8f63f.js rel=preload as=script>)

In the index.html of the source code, I have added <%= BASE_URL %> in every link, (Example: <link rel="apple-touch-icon" sizes="144x144" href="<%= BASE_URL %>favicon/apple-icon-144x144.png">), as well as in this question, but this doesn't work, I think that this error occurs because of it.