Vue-Router error: "Module build failed: SyntaxError: Unexpected token"

Tom

I'm getting the error below by trying to compile this VueJS demo project. I update NPM to the latest stable version and all of the apps dependencies but the error remains.

As soon as I remove vue-router from index.js and main.js the error is gone. This is the error message:

> ERROR in ./~/vue-loader/lib/template-compiler?{"id":"data-v-0a5cdd23"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/Meetup/Meetups.vue Module build failed: SyntaxError: Unexpected token (122:82)
> 
> 
> at Parser.pp$4.raise
> (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:2610:13)
>     at Parser.pp.unexpected (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:637:8)
>     at Parser.pp$3.parseExprAtom (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:2094:10)
>     at Parser.parseExprAtom (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:4372:24)
>     at Parser.pp$3.parseExprSubscripts (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1955:19)
>     at Parser.pp$3.parseMaybeUnary (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1932:17)
>     at Parser.pp$3.parseExprOp (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1893:41)
>     at Parser.pp$3.parseExprOp (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1893:24)
>     at Parser.pp$3.parseExprOps (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1876:90)
>     at Parser.pp$3.parseMaybeConditional (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1857:19)
>     at Parser.pp$3.parseMaybeAssign (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1832:19)
>     at Parser.pp$3.parseParenAndDistinguishExpression (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:2139:30)
>     at Parser.pp$3.parseExprAtom (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:2061:41)
>     at Parser.parseExprAtom (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:4372:24)
>     at Parser.pp$3.parseExprSubscripts (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1955:19)
>     at Parser.pp$3.parseMaybeUnary (/home/tom/Desktop/DevMeetup/node_modules/vue-template-es2015-compiler/buble.js:1932:17)
> @ ./src/components/Meetup/Meetups.vue 5:2-186  @ ./src/router/index.js
> @ ./src/main.js  @ multi ./build/dev-client ./src/main.js

How to fix it? Any ideas are appreciated. Edit: I tried npm install again and got a message about url-loader being vulnerable. I got suggested to run npm install --save-dev [email protected] to fix it. The error remains but could this the root of the cause?

Eric Ocampo

I can't see the error, compile finish successfully. Do you tried to clone again your repo? I use npm: 6.0.1 node: v8.11.1

enter image description here

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

react-router-redux: Module build failed: SyntaxError: Unexpected token ...reducers

Module build failed: SyntaxError: Unexpected token

Module build failed: SyntaxError: Unexpected token, expected ,

ReactJS - Module build failed: SyntaxError: Unexpected token react components not rendering

ReactJS Module build failed: SyntaxError: Unexpected token - ReactDOM.render

Module build failed: SyntaxError: Unexpected token (11:16)

Html-Webpack-Plugin Template: Module build failed: SyntaxError: Unexpected token

Vue Router Error

Vue Router router-view error

How to solve Vue router change error with param?

Vue-Router returns "Cannot redefine property: $router" error

Vue router with Vue 3 raises the error "Uncaught TypeError: Object(...) is not a function"

Vue js;Vue router is not constructor error in simple route

showing Vue is not defined error while importing vue-router

Deploy Vue to GitHub Pages. Error with vue-router

Vue-router error: TypeError: Cannot read property 'matched' of undefined

MIME Error when using Vue-Router and Express

Why does my Vue Router throw a Maximum call stack error?

Module not found: Error: Can't resolve | Vue Router

How to get around vue router infinite redirection error?

I am a complete beginner in Vue js and Vue Router, 404 page not found error

Vue 3 Composition Api , Vue-router 4 Naigation guards throw an Error when using it

Vue Router : infinite redirection

Vue Router does not redirect

Vue Router and VueJS reactivity

Dynamic Vue Router

Vue router dynamic params

Using Vue with Quasar and a Router

Vue Router, construct a route