标签: nuxt-module

我想从自定义 nuxt 模块添加可组合项，并在组件中使用它们而无需导入。

现在我必须使用#import，因为没有它我会收到错误（500 - useTest 未定义）。我有这样的东西，有什么想法可以实现这个目标吗？

// src/module.ts
import { fileURLToPath } from "url";
import {
  defineNuxtModule,
  addPlugin,
  createResolver,
  addComponent,
  addImportsDir,
} from "@nuxt/kit";

export interface ModuleOptions {
  addPlugin: boolean;
}

export default defineNuxtModule<ModuleOptions>({
  meta: {
    name: "my-module",
    configKey: "myModule",
  },
  defaults: {
    addPlugin: true,
  },
  setup(options, nuxt) {
    const { resolve } = createResolver(import.meta.url);
    const runtimeDir = fileURLToPath(new URL("./runtime", import.meta.url));

    addImportsDir(resolve(runtimeDir, "composables"));
  },
});

// src/runtime/composables/useTest.ts
export function useTest() {
  console.log("run useTest");

  return {
    test: () => { …

只是尝试按照配置nuxt/auth 文档向我的 NuxtJs 3 应用程序添加身份验证，但在应用程序启动期间仍然出现错误：

// nuxt.config.js

export default defineNuxtConfig({
    auth: {
        // ...
    },
    modules: [
        // '@nuxtjs/axios',
        '@nuxtjs/auth-next'
    ],
})

收到相同的错误，@nuxtjs/axios但我只是将其注释掉，因为其官方文档指示切换到$fetch API.

无法找出错误在哪里