Vue与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 和我的自定义类型，并将其导入到 types 的选择 tsconfig.json.
  • 尽可能在代码中指定类型。

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

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. 不管什么原因，它解决了。