Sila gunakan transformasi yang sesuai terlebih dahulu untuk menyelesaikan Ralat Pelayan Dalaman vite: Nod penjanaan kod tiada untuk elemen /jika/untuk nod

Question

Jadi semalam saya sedang mengerjakan projek dan ketika saya bersiap-siap untuk berhenti kerana saya telah selesai melakukannya, saya mendapat ralat ini dan telah cuba membetulkannya sepanjang hari hari ini. Kod saya berfungsi, dan kemudian ia rosak, membatalkan segala-galanya ke tahap di mana saya tahu ia berfungsi, tetapi ia masih rosak.

Ralat yang saya dapat dalam browserConsole ialah: GET http://localhost:8080/src/js/component/App.vue net::ERR_ABORTED 500（内部服务器错误）(main.js:5)

Apabila saya melihat main.js baris 5, terdapat hanya import untuk Apl. Saya tidak menyentuh main.js, App.vue dan AppTemplate.vue sejak permulaan projek kerana saya tidak perlu melakukannya.

Untuk menjalankan kod saya, saya menggunakan run vite di terminal (atau dalam kes saya pintasan tetingkap run dalam phpstorm) dan saya mendapat ralat lain:

Cannot read properties of undefined (reading 'type')
Cannot read properties of undefined (reading 'type') (x2)
Cannot read properties of undefined (reading 'type') (x3)
Cannot read properties of undefined (reading 'type') (x4)
Cannot read properties of undefined (reading 'type') (x5)
Cannot read properties of undefined (reading 'type') (x6)
Cannot read properties of undefined (reading 'type') (x7)
Cannot read properties of undefined (reading 'type') (x8)
Cannot read properties of undefined (reading 'type') (x9)
Cannot read properties of undefined (reading 'type') (x10)
1:40:13 PM [vite] Internal server error: Codegen node is missing for element/if/for node. Apply appropriate transforms first.
  Plugin: vite:vue
  File: /Users/robdewilligen/Development/Wittig/jobse/app/src/js/component/App.vue
      at assert (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:508:15)
      at genNode (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2628:13)
      at genNodeList (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2602:13)
      at genNodeListAsArray (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2587:5)
      at genNodeList (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2599:13)
      at genVNodeCall (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2770:5)
      at genNode (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2651:13)
      at generate (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2412:9)
      at Object.baseCompile (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:5690:12)
      at Object.compile (/Users/robdewilligen/Development/Wittig/jobse/app/node_modules/@vue/compiler-dom/dist/compiler-dom.cjs.js:3100:25) ```

this bit repeats another 6 or 7 times or so:
``` Cannot read properties of undefined (reading 'type')
Cannot read properties of undefined (reading 'type') (x2)
Cannot read properties of undefined (reading 'type') (x3)
Cannot read properties of undefined (reading 'type') (x4)
Cannot read properties of undefined (reading 'type') (x5)
Codegen node is missing for element/if/for node. Apply appropriate transforms first.
Codegen node is missing for element/if/for node. Apply appropriate transforms first. (x2)

Setakat ini saya telah mencuba apa sahaja yang saya dapati atau fikirkan,

Mulakan dengan memulakan semula vite, Mulakan semula bekas docker, mulakan semula komputer riba saya, Seperti yang saya katakan sebelum ini, kembali kepada versi yang berfungsi tetapi masih rosak. Alat pembangunan terminal dikemas kini dan beberapa perkara yang git mengadu. Semak sama ada label diletakkan dengan tidak betul. (Tidak salah letak)

Saya buntu nak buat apa, sebarang dan semua cadangan amat dialu-alukan. Sebarang maklumat yang diminta saya akan cuba kongsikan secepat mungkin.

Saya mempunyai MacBook Pro 2020 Menggunakan Vue 3 dengan Vite Beberapa perpustakaan yang saya gunakan ialah: komponen kelas vue paksi vue-router vueX

Answer 1

Ralat kabur ini juga berlaku dengan templat ini:

<template>
    <AppShell>
        <template v-slot:header>
            <template v-slot:home>Home</template>
            <RouterLink to="/media">Media</RouterLink>
        </template>
    </AppShell>
</template>

Komponen NavBar saya tiada, sebaliknya ia sepatutnya:

<template>
    <AppShell>
        <template v-slot:header>
            <NavBar>
                <template v-slot:home>Home</template>
                <RouterLink to="/media">Media</RouterLink>
            </NavBar>
        </template>
    </AppShell>
</template>

Cuba memasukkan templat ke dalam templat jelas tidak berfungsi.

Saya juga membangunkan dalam Docker, tetapi ia kelihatan tidak relevan dalam kes ini.

Answer 2

Jadi saya tahu, bos reka bentuk saya melakukannya, yang perlu saya lakukan ialah memadamkan direktori node_modules dan jalankan npm install untuk memasangnya semula. Ini menyelesaikannya untuk saya. Semoga ia akan sama untuk orang lain.