Running into 'SyntaxError: Invalid linked format'

[ajmas]

Our project has recently started failing with SyntaxError: Invalid linked format (at vendor.9a960308.js:13:2304), on a specific page, but on after it has been built. It isn't happening in dev mode.

SyntaxError: Invalid linked format (at vendor.9a960308.js:13:2304)
    at wu (vendor.9a960308.js:13:2304)
    at p (vendor.9a960308.js:14:1052)
    at je (vendor.9a960308.js:14:6935)
    at Ie (vendor.9a960308.js:14:7099)
    at Object.lt [as nextToken] (vendor.9a960308.js:14:7647)
    at g (vendor.9a960308.js:14:9649)
    at E (vendor.9a960308.js:14:11372)
    at S (vendor.9a960308.js:14:11955)
    at Object.O [as parse] (vendor.9a960308.js:14:12118)
    at up (vendor.9a960308.js:15:537)

Any suggestions? Trying to Google this failure isn't clear what the cause could be.

[ajmas]

After some investigation, one of our devs worked out the cause. It was due to a message string in one of our vue-i18n localisation files that contained an '@'. It turns out certain characters are reserved and need to be handled a little differently, per:

https://vue-i18n.intlify.dev/guide/essentials/syntax#special-characters

So:

'text.intro': 'lorem ipsum [email protected]'

would need to become:

'text.intro': 'lorem ipsum abc{\'@\'}mydomain.noplace'