Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

error: "Missing semicolon" when using vue v-on object syntax #6674

Closed
varmiral opened this issue Sep 15, 2022 · 2 comments
Closed

error: "Missing semicolon" when using vue v-on object syntax #6674

varmiral opened this issue Sep 15, 2022 · 2 comments

Comments

@varmiral
Copy link

Vue version

3.2.39

Link to minimal reproduction

https://sfc.vuejs.org/#__DEV__eNp9kcFOwzAMhl/FyqVMWpN7KZPgBE/AJZeuy0an1I6cdBymvjv2xsTGELfYzv/l95+jeU7JHqZgGtPmnodUIIcyJYgd7p68KdmblcdhTMQFXkOM9E4cN7BlGqGy7qelmOrRI4DH7YR9GQiB8A3TVB4WcNRJT5gpBhtp91ANOqkWIpk93mhe4sR/StYyuChadzYs9qQoYUyxK0EqgPaE1hPAoSaURY5w6jUXR0tQlpb6GMze6HVRt+4KZZbmvHo9dsnuM6EEdbLlvweST3M2qj2JQGtvPkpJuXEub3vNZZ8t8c7JyfKEZRiDDXms10yfObCAvVleMZw0D4FrDrgJHPg/5q+rd1zFSlqzrHL7V/rlt6mlVdd1rUt3KcxfrNi/0Q==

Steps to reproduce

Follow the link, slightly change js code to trigger demo recompilation. You will see SyntaxError: Missing semicolon.

What is expected?

Success vue file compilation.

What is actually happening?

SyntaxError: Missing semicolon. (1:27)
at Parser._raise (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:1347:17)
at Parser.raiseWithData (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:1340:17)
at Parser.raise (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:1301:17)
at Parser.semicolon (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:4356:10)
at Parser.parseExpressionStatement (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:14705:10)
at Parser.parseExpressionStatement (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:10434:26)
at Parser.parseStatementContent (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:14296:19)
at Parser.parseStatementContent (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:10334:18)
at Parser.parseStatement (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:14158:17)
at Parser.parseLabeledStatement (https://unpkg.com/@vue/compiler-sfc@3.2.39/dist/compiler-sfc.esm-browser.js:14697:22)

System Info

No response

Any additional comments?

The error doesn't appear if comment out import declaration line or delete one property from binden (v-on) object.
@varmiral varmiral mentioned this issue Sep 15, 2022
Closed
7 tasks
@vis97c
Copy link

vis97c commented Sep 15, 2022 •
edited
Loading

Same issue happened to me on nuxt3.rc10 nuxt/framework#7374

image

image

@Dunqing Dunqing mentioned this issue Sep 16, 2022
Closed
@vis97c
Copy link

vis97c commented Sep 24, 2022

#6652 Seems to fix this

chrislone pushed a commit to chrislone/core that referenced this issue Feb 4, 2023
@godxiaoji
fix(compiler-sfc): fix expression check for v-on with object literal …
0e2f6b2 
…value (vuejs#6652)

fix vuejs#6650
fix vuejs#6674
@github-actions github-actions bot locked and limited conversation to collaborators Sep 21, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(compiler-sfc): syntax error when v-on contains objects Dunqing/core
2 participants
@vis97c @varmiral