Vue with Typescript：将 Vue 应用程序从 JavaScript 转换为 TypeScript 时遇到问题

Question

我正在尝试在不使用 class 样式语法的情况下将 Vue 项目从 JavaScript 转换为 TypeScript。

以下是我遵循的步骤：

• 我执行了：vue add typescript

• 我将所有 .vue 文件翻译成：

  • 指定 TypeScript 是使用的语言：<script lang="ts">
  • export default { -> export default Vue extend({
  • 使用我的自定义类型创建了一个 types.d.ts 并将其导入到 tsconfig.json 的 types 选项中。
  • 尽可能在代码中指定类型。

然而，当我运行应用程序时，我得到这个错误：

Module parse failed: Unexpected token (23:16)
File was processed with these loaders:
 * ../../../../.nvm/versions/node/v12.18.0/lib/node_modules/@vue/cli-service-global/node_modules/cache-loader/dist/cjs.js
 * ../../../../.nvm/versions/node/v12.18.0/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|   data() {
|     return {
>       todos: [] as Todo[]
|     };
|   },

项目使用的加载器似乎无法识别 TypeScript 语法。您知道如何解决这个问题吗？

Answer 1

最终，我找到了问题所在。我是 运行 使用 vue serve 而不是 npm run serve 的应用程序。不管什么原因，它解决了它。