Uncaught SyntaxError: Unexpected token '<'

[RowinRuizendaal]

Version

4.5.9

Reproduction link

https://github.com/RowinRuizendaal/Bloom

Environment info

  System:
    OS: Windows 10 10.0.19041
    CPU: (8) x64 Intel(R) Core(TM) i7-4790 CPU @ 3.60GHz
  Binaries:
    Node: 12.16.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.14.7 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.19041.964.0), Chromium (91.0.864.41)
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.2.1
    @vue/babel-helper-vue-transform-on:  1.0.2
    @vue/babel-plugin-jsx:  1.0.6
    @vue/babel-plugin-transform-vue-jsx:  1.2.1
    @vue/babel-preset-app:  4.5.13
    @vue/babel-preset-jsx:  1.2.4
    @vue/babel-sugar-composition-api-inject-h:  1.2.1
    @vue/babel-sugar-composition-api-render-instance:  1.2.4
    @vue/babel-sugar-functional-vue:  1.2.2
    @vue/babel-sugar-inject-h:  1.2.2
    @vue/babel-sugar-v-model:  1.2.3
    @vue/babel-sugar-v-on:  1.2.3
    @vue/cli-overlay:  4.5.13
    @vue/cli-plugin-babel: ~4.5.0 => 4.5.13
    @vue/cli-plugin-eslint: ~4.5.0 => 4.5.13
    @vue/cli-plugin-pwa: ~4.5.0 => 4.5.13
    @vue/cli-plugin-router: ~4.5.0 => 4.5.13
    @vue/cli-plugin-vuex: ~4.5.0 => 4.5.13
    @vue/cli-service: ~4.5.0 => 4.5.13
    @vue/cli-shared-utils:  4.5.13
    @vue/component-compiler-utils:  3.2.0
    @vue/eslint-config-airbnb: ^5.0.2 => 5.3.0
    @vue/preload-webpack-plugin:  1.1.2
    @vue/web-component-wrapper:  1.3.0
    eslint-plugin-vue: ^7.7.0 => 7.9.0
    vue: ^2.6.11 => 2.6.12
    vue-eslint-parser:  7.6.0
    vue-hot-reload-api:  2.3.4
    vue-loader:  15.9.7 (16.2.0)
    vue-moment: ^4.1.0 => 4.1.0
    vue-router: ^3.2.0 => 3.5.1
    vue-socket.io: ^3.0.10 => 3.0.10
    vue-style-loader:  4.1.3
    vue-template-compiler: ^2.6.11 => 2.6.12
    vue-template-es2015-compiler:  1.9.1
    vuex: ^3.4.0 => 3.6.2
    vuex-persistedstate: ^4.0.0-beta.3 => 4.0.0-beta.3
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

Building the vue app with: npm run build,
place the build inside my node server,
Deploy it to heroku

What is expected?

Vue pages should return normally with content

What is actually happening?

Vue is returning a empty page with the errors:

Uncaught SyntaxError: Unexpected token '<'
app.783dd7b7.js:1 Uncaught SyntaxError: Unexpected token '<'

Uncaught SyntaxError: Unexpected token '<'
chunk-vendors.8ce56d67.js:1

Heroku build:
https://bloom-backup.herokuapp.com/

also tried to set a assets dir/public path in vue.config.js

  assetsDir: "./static",

[LinusBorg]

check your browser devtools network tab - your heroku backend is sending the index.html instead of the javascript files.

So that's a problem with your heroku deployment, not a bug in Vue CLI.

Feel free to reach out for help in the community on chat.vuejs.org