vue.js报错问题

我的vue工程报了这个错误，才学了几个星期，实在看不懂错误是什么意思，求解答
附图main.js和router.js

就单看报错和代码发现有几处错误：
（1）根据报错信息可以看到在app.js这个文件的第96行的$viewerApi属性没有定义，所以没办法用
（2）第二个图片就有好几处错误（补：代码下面有三个小冒号的就是提示报错）
在js中使用路由router:
1、导入vue-router
import { useRouter } from 'vue-router'
2、创建路由实例
const router = useRouter()
3、使用路由
router.push({name:'要跳转的路由名称'})
当然如果你要用vuex状态管理也是类似的，可以去官网看看如何创建vuex实例

Vue中试图设置一个不存在的属性值

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7717831
• 这篇博客也不错, 你可以看下vue 项目再js文件使用router
• 除此之外, 这篇博客: 【Vue 路由（vue—router） 一】介绍、基本使用、嵌套路由中的 2：main.js 中进行挂载 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  import Vue from 'vue'
  import App from './App.vue'
  
  import router from './router'
  
  
  Vue.config.productionTip = false
  
  new Vue({
  
    router,
  
    render: h => h(App)
  }).$mount('#app')

• 您还可以看一下 马金聚老师的Vue.js快速入门课程中的 Vue的起步和插值表达式小节, 巩固相关知识点
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^