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

Question

我正在尝试在不使用类样式语法的情况下将 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 运行该应用程序。不管什么原因，它解决了它。