The error “Module parse failed: Unexpected token (763:13) in VueJs” is a common error that can show up in many ways. In this blog, we will go through some of the ways you can fix this issue.

How To Solve The Error “Module parse failed: Unexpected token (763:13) in VueJs”?

When trying to serve a new default project created with Vue/CLI, you might receive a compile error.

PS D:\Client-work\jeff-usa\vueProject> yarn serve

yarn run v1.22.5

$ vue-cli-service serve

 INFO  Starting development server...

98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 error                                                                                                                                                                        下午12:22:33

 error  in ./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js

Module parse failed: Unexpected token (763:13)

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

| }

| class RefImpl {

>     _rawValue;

|     _shallow;

|     _value;

Simply utilize Transpile @vue/reactivity to fix this problem. You can also use the commands: npm uninstall vue and npm i -S [email protected]. Vue CLI 5 is another option.

Option 1: Transpile @vue/reactivity

Simply include this in the vue.config.js

// vue.config.js

module.exports = {

  transpileDependencies: ['@vue/reactivity']

}

Option 2: Downgrade to Vue version 3.1.2 

Simply run this command to downgrade vueJs version.

npm uninstall vue

npm i -S [email protected]

Option 3: Utilize Vue CLI 5 

Vue CLI 5 is also another option.

npm i -g @vue/cli@5

Conclusion

We hope you enjoyed our article about the error. With this knowledge, we know that you can fix your “Module parse failed: Unexpected token (763:13) in VueJs” error quickly by following these steps! If you still have any other questions about fixing this syntax error, please leave a comment below. Thank you for reading!