带有TypeScript的简单Vue 3项目无法解析ts依赖项

首先，让我提供一个指向git存储库的链接：

从启用了TypeScript的vue cli创建的非常简单的Vue3项目。如果查看提交，您将看到一个简单的更改（添加要包含在vue文件中的ts文件）会导致项目不再运行

如果我执行

npm运行build

我收到以下输出：

This relative module was not found:

* ../composables/test.js in ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/HelloWorld.vue?vue&type=script&lang=ts

如果我将其更改为绝对路径，我会得到类似但略有不同的响应：

This dependency was not found:

* @/composables/test.js in ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/HelloWorld.vue?vue&type=script&lang=ts

---

我到处找了，但没能解决这个问题。我相信这与Typescript是如何集成的有关，但老实说，我不知道如何解决这个问题。任何帮助都将不胜感激。

您尝试导入的文件是

test.ts

，但您将其导入为

test.js

，该文件不存在

---

您不需要在此处指定扩展名。只需使用“@/composables/test”中的

import{testMe}

就可以了。

这非常有效，非常简单。谢谢你的快速回复。