Vue 3-Nuxt 3 Composables 不控制台日志

Question

我正在尝试使用可组合项进行 console.log，它曾经工作正常，但现在不起作用。这就是我尝试做的：

~/composables/test/index.ts

export function useTester() {
  console.log("try head"); // <-- does not console log

  const trychild = () => {
    console.log("child tried"); // <- does not console log
  };

  return {
    trychild,
  };
}

~somepath/index.vue

<template>
    <div>
        <button @click="testComposable()"> test composable </button>
    </div>
</template>

<script lang="ts" setup>
import {useTester} from ~/composables/test/index.ts

const testComposable = () => {
  console.log("initate tests"); // <-- this console logs
  const {trychild} = useTester();
  trychild()
}

</script>

我真的不明白发生了什么事，因为我清楚地记得它过去曾经有用过。这是一个错误吗？

Answer 1

没关系，我在 nuxt.config.ts 上犯了一个错误，我就是这么做的

  vite: {
    esbuild: {
      drop: ["console"], // <-- this was the problem.
    },
  },

我不知道 vite esbuild 将可组合项视为构建文件，即使它运行在开发环境上。