vue-cli-service: SyntaxError: Unexpected token '...'. Expected a property name

Question

I'm working on putting together a small app using vue, and I specifically need it to run on a device that does not support ES6. I'm using vue-cli-service build to build, and when trying to open this page on my ES5 device, I'm seeing this error SyntaxError: Unexpected token '...'. Expected a property name.

I have installed babel, and added this to my .babelrc: { "presets": ["@babel/preset-env"] }

I'm not really sure what else to try, I haven't been able to find anything that specifically addresses this. Even the vue-cli-service documentation suggests ways to support polyfill for ES5, but I don't think this is the same thing.

scipilot · Accepted Answer · 2019-11-16 03:03:54Z

5

I had this problem with Vuetify and Safari 11.1

I guessed I needed to transpile the ES6 version of Vuetify for older browsers. The solution was difficult to search for, as most of the suggestions were about modifying webpack or babel configuration, which I find obscured inside Vue CLI.

I eventually uncovered the solution myself by rebuilding my project from scratch via Vue CLI, and the installer magically added a transpilation option for Vuetify which I was missing - I think because I had previously upgraded Vuetify across the ES5 to ES6 versions, and perhaps their upgrade script doesn't perform this step.

vue.config.js

module.exports = {
 "transpileDependencies": [
   "vuetify"
 ],}

this is the equivalent of webpack

build: {
    transpile: ['vuetify']
}

Restart the build and reload.

Of course you will need to find which of your packages it is - this is just an example. I just dug around in the error stack until finding something which belonged to Vuetify.

answered Nov 16, 2019 at 3:03

scipilot

7,5772 gold badges58 silver badges77 bronze badges

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

1 Comment

sMyles Over a year ago

YOU sir are a life saver! Such an annoying process wish i hadn't started with the vue cli UI was about to have to redo everything, you just saved me a ton of time .. THANK YOU

Jaswant Sharma · Accepted Answer · 2024-02-25 09:09:14Z

0

I have updated node version from v14.17.3 to v21.6.2 as in the Quick start guide

Prerequisites were given as follows

Install Node.js version 18.0 or higher

if you want to update node from CLI refer to: https://stackoverflow.com/a/8191466/23469300

Hope that works for you too.

answered Feb 25, 2024 at 9:09

Jaswant Sharma

11 bronze badge

Collectives™ on Stack Overflow

vue-cli-service: SyntaxError: Unexpected token '...'. Expected a property name

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related