导入vue.js出现错误未捕获的语法错误：意外的标识符

Question

当我尝试使用多个vue库时，我正在学习使用vue.js，当导入诸如vue-router之类的库时出现错误，有人知道吗？ 谢谢你

这是我的代码：

import Vue from 'vue' ;
import VueRouter from 'vue-router' ;

var app = new Vue({
    el: '#App',
    data: {
      message: 'Hello Vue!'
    }
  })

export default new Router({
    routes: [
        {
            path: 'http://localhost/HAD_point_of_sale/',
            redirect: {
                name: "login"
            }
        },
        {
            path: 'http://localhost/HAD_point_of_sale/karyawan',
            redirect: {
                name: "karyawan"
            }
        }
    ]
})

比我得到一个错误：