Saya mencoba menerjemahkan proyek Vue dari JavaScript ke TypeScript tanpa menggunakan sintaks gaya kelas.

Berikut adalah langkah-langkah yang saya ikuti:

  • Saya mengeksekusi: vue add typescript
  • Saya menerjemahkan semua file .vue saya di:

    • Menentukan bahwa TypeScript adalah bahasa yang digunakan: <script lang="ts">
    • export default { -> export default Vue extend({
    • Membuat types.d.ts dengan jenis kustom saya dan mengimpornya dalam opsi types dari tsconfig.json.
    • Menentukan jenis dalam kode jika memungkinkan.

Namun, ketika saya menjalankan aplikasi, saya mendapatkan kesalahan ini:

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[]
|     };
|   },

Tampaknya loader yang digunakan proyek tidak mengenali sintaks TypeScript. Apakah Anda punya ide bagaimana menyelesaikan masalah ini?

0
Bastian Nanchen 16 Juni 2020, 18:02

1 menjawab

Jawaban Terbaik

Akhirnya, saya menemukan masalahnya. Saya menjalankan aplikasi menggunakan vue serve alih-alih npm run serve. Untuk alasan apa pun, itu menyelesaikannya.

0
Bastian Nanchen 17 Juni 2020, 10:58