npm run prod breaking site - Uncaught SyntaxError: 60

• Laravel Mix Version: 6.0.31
• Node Version (node -v): 16.10.0
• NPM Version (npm -v): 7.24.0
• OS: Ubuntu 18.04

Description:

When I run npm run prod everything runs successfully, although I get an error on app.min.js

Uncaught SyntaxError: 60

If I run npm run dev, everything is fine.

webpack

mix.js([
   'resources/js/app.js',
], 'public/js/app.js')
    .vue()
    .minify('public/js/app.js')


if (mix.inProduction()) {
    mix.version();
}

Some of the packages in package.json

  "scripts": {
    "dev": "mix",
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "prod": "mix --production",
    "production": "mix --production"
  },

    "laravel-mix": "^6.0.31",
    "vue": "^3.2.19",
    "vue-loader": "^16.8.1",
    "vue-template-compiler": "^2.6.10"

Steps To Reproduce:

1. npm run prod
2. Visit site

[gedkirkham]

I am having a similar issue and it appears to triggered if there is a <script> tag contained within the designated div for your vue application.

<div id="app">
Hello world
<script>
</script>
</div>

[yogastama]

I am having a similar issue and it appears to triggered if there is a <style> tag contained within the designated div for your vue application.