Nuxt 3 - 可组合项中的代码更改会生成 ReferenceError

Question

简介
我在一些小型大学项目中使用 nuxt，但我提到了一些非常烦人的事情，但我在 Nuxt 3 github 上找不到任何票证，也没有在 stackoverflow 上找到任何提及。

问题
如果我按照 nuxt 网站 installation 部分

中的描述，使用下面的代码开始我的新 nuxt 3 项目

npx nuxi init <project-name>

然后在我的项目中，我正在创建一个可组合项文件夹，用于存储我的可组合项。在此示例中，我创建了一个名为

useBoxPlot

的可组合项，它将提供箱线图的信息。当我然后使用

yarn dev

启动服务器时，仍然一切正常。 但是然后，当我更改可组合文件中的某些内容时，开发服务器将重新启动，但我会收到以下错误：

Uncaught (in promise) ReferenceError: useData is not defined
    at app.vue:25:1

可组合对象会喜欢这样的东西：

export const useBoxPlot = async (el) => {
   //code here, change here is causing the error
})

每次我需要进行更改时，我都需要在控制台外按 control+c 并重新启动它。我在从 nuxt 3.0.0 创建的所有 3 个项目中都遇到了这个，直到现在，我使用的是版本 3.3.3.

结论
我不知道它是从哪里来的。 任何人都知道我可以改变什么？或者我可以做些什么让它变得更好？