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. По какой-то причине он ее решил.