rainmango / vue3-composition-admin Goto Github PK

[1] ERROR in src/views/zip/Index.vue:74:45
[1] TS2305: Module '"../../../node_modules/vue/dist/vue"' has no exported member 'onMounted'.
[1]     72 | <script lang="ts">
[1]     73 |
[1]   > 74 | import { defineComponent, reactive, toRefs, onMounted } from 'vue'
[1]        |                                             ^^^^^^^^^
[1]     75 | import { getArticles } from '@/apis/articles'
[1]     76 | import { ArticleModel } from '@/model/articleModel'
[1]     77 | import { formatJson } from '@/utils'

Uncaught (in promise) TypeError: Invalid attempt to iterate non-iterable instance.
    In order to be iterable, non-array objects must have a [Symbol.iterator]() method.
        at _createForOfIteratorHelper (createForOfIteratorHelper.js?b85c:30)
        at eval (Index.vue?b1ee:157)
    _createForOfIteratorHelper @ createForOfIteratorHelper.js?b85c:30
    eval @ Index.vue?b1ee:157
    Promise.then (async)
    nextTick @ runtime-core.esm-bundler.js?5c40:245
    moveToCurrentTag @ Index.vue?b1ee:157
    eval @ Index.vue?b1ee:174
    callWithErrorHandling @ runtime-core.esm-bundler.js?5c40:154
    callWithAsyncErrorHandling @ runtime-core.esm-bundler.js?5c40:163
    job @ runtime-core.esm-bundler.js?5c40:2077
    flushPreFlushCbs @ runtime-core.esm-bundler.js?5c40:328
    flushJobs @ runtime-core.esm-bundler.js?5c40:368
    Promise.then (async)
    queueFlush @ runtime-core.esm-bundler.js?5c40:286
    queueCb @ runtime-core.esm-bundler.js?5c40:308
    queuePreFlushCb @ runtime-core.esm-bundler.js?5c40:311
    scheduler @ runtime-core.esm-bundler.js?5c40:2105
    run @ reactivity.esm-bundler.js?a1e9:183
    trigger @ reactivity.esm-bundler.js?a1e9:189
    scheduler @ reactivity.esm-bundler.js?a1e9:820
    run @ reactivity.esm-bundler.js?a1e9:183
    trigger @ reactivity.esm-bundler.js?a1e9:189
    set value @ reactivity.esm-bundler.js?a1e9:730
    finalizeNavigation @ vue-router.esm-bundler.js?6c02:3071
    eval @ vue-router.esm-bundler.js?6c02:2944
    Promise.then (async)
    pushWithRedirect @ vue-router.esm-bundler.js?6c02:2915
    push @ vue-router.esm-bundler.js?6c02:2849
    navigate @ vue-router.esm-bundler.js?6c02:2069
    callWithErrorHandling @ runtime-core.esm-bundler.js?5c40:154
    callWithAsyncErrorHandling @ runtime-core.esm-bundler.js?5c40:163
    invoker @ runtime-dom.esm-bundler.js?830f:308

const moveToCurrentTag = () => {
      const tags = instance?.refs.tag as any[]
      nextTick(() => {
        // 此处添加数组类型判断能解决，不过目前对这个项目不太了解，为临时解决方案
        if (tags === null || tags === undefined || !(tags instanceof Array)) { return }
        for (const tag of tags) {
          if ((tag.to as TagView).path === currentRoute.path) {
            (scrollPaneRef.value as any).moveToCurrentTag(tag)
            // When query is different then update
            if ((tag.to as TagView).fullPath !== currentRoute.fullPath) {
              store.dispatch(TagsActionTypes.ACTION_UPDATE_VISITED_VIEW, currentRoute)
            }
          }
        }
      })
    }

// const getPageTitle = (key: string) => {
//   const i18n = useI18n()
//   const title = settings.title
//   const hasKey = i18n.te(`route.${key}`)
//   if (hasKey) {
//     const pageName = i18n.t(`route.${key}`)
//     return `${pageName} - ${title}`
//   }
//   return `${title}`
// }

import defaultSettings from '@/settings'
import i18n from'@/locales'

const title = defaultSettings.title || 'Vue3 Admin Template'

export default function getPageTitle(key) {
  const hasKey = i18n.te(`route.${key}`)
  if (hasKey) {
    const pageName = i18n.t(`route.${key}`)
    return `${pageName} - ${title}`
  }
  return `${title}`
}

vue-router.esm-bundler.js?6c02:3248 TypeError: _locales__WEBPACK_IMPORTED_MODULE_2__.default.te is not a function
    at getPageTitle (get-page-title.js?036d:7)
    at _callee$ (permission.js?223d:19)
    at tryCatch (runtime.js?96cf:63)
    at Generator.invoke [as _invoke] (runtime.js?96cf:293)
    at Generator.eval [as next] (runtime.js?96cf:118)
    at asyncGeneratorStep (asyncToGenerator.js?1da1:3)
    at _next (asyncToGenerator.js?1da1:25)
    at eval (asyncToGenerator.js?1da1:32)
    at new Promise (<anonymous>)
    at eval (asyncToGenerator.js?1da1:21)

$--color-primary: #0984e3;
$--color-success: #00b894;
$--color-warning: #fdcb6e;
$--color-danger: #e17055;
$--color-info: #00cec9;