相关疑难解决方法(0)

我在 Nuxt 3 中使用一些实用程序。vue 反应系统（ref，computed , ...）也是直接导入的。然而，测试的情况并非如此。

运行导入可组合项的规范文件./useBusinessValidation会引发错误ReferenceError: ref is not defined

源文件./useBusinessValidation：

import { MaybeRef } from "@vueuse/core"\n\nexport const useBusinessValidation = <T>(rule: (payload: T) => true | string, payload: MaybeRef<T>) => {\n  const validation = computed(() => rule(unref(payload)))\n\n  const isValid = computed(() => validation.value === true)\n  const errorMessage = computed(() => isValid.value ? undefined : validation.value as string)\n\n  return {\n    isValid,\n    errorMessage\n  }\n}\n

规格文件useBusinessValidation.spec.ts：

我正在nuxt3应用程序中测试 pinia 商店。

在商店内部setup()，我用来useRuntimeConfig从公共配置变量中获取计数器的初始值，但出现此错误，ReferenceError: useRuntimeConfig is not defined不知道如何解决

// store/counter.ts

...
state: () => {
    const runtimeConfig = useRuntimeConfig()
    const count = runtimeConfig.public.count
    return {
      ...
      count
      ...
    }
  },
...

代码

// store/counter.test.ts

import { fileURLToPath } from 'node:url'
import { describe, expect, it, beforeEach } from 'vitest'
import { setActivePinia, createPinia } from 'pinia'
import { useCounter } from './counter'
import { setup } from '@nuxt/test-utils'

await setup({
  rootDir: fileURLToPath(new …