請先套用適當的轉換，以解決vite內部伺服器錯誤：缺少元素/if/for節點的程式碼產生節點

Question

所以昨天我正在做一個項目，當我準備退出時，因為我已經完成了它，我得到了這個錯誤，並且今天一整天都在嘗試修復它。我的程式碼可以工作，然後就崩潰了，將所有內容都取消到我知道它可以工作的程度，但它仍然被破壞了。

我在 browserConsole 中收到的錯誤是： GET http://localhost:8080/src/js/component/App.vue net::ERR_ABORTED 500（內部伺服器錯誤）(main.js:5)

#

當我查看 main.js 第 5 行時，只有 App 的導入。自從專案開始以來我就沒有接觸過 main.js、App.vue 和 AppTemplate.vue，因為我沒有必要這樣做。

要運行我的程式碼，我在終端機中使用 run vite （或者在我的情況下是 phpstorm 中運行視窗的快捷方式），我收到另一個錯誤：

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)

到目前為止，我已經嘗試了任何我能找到或想到的東西，

從重新啟動 vite 開始， 重新啟動docker容器， 重新啟動我的筆記型電腦， 就像我之前說的，恢復到工作版本但仍然損壞。 更新終端開發工具和 git 抱怨的一些事情。 檢查標籤是否放置錯誤。 （沒有放錯地方）

我不知道該做什麼了，非常歡迎任何和所有建議。 任何要求的資訊我都會盡力盡快分享。

我有一台 MacBook Pro 2020 將 Vue 3 與 Vite 結合使用 我使用的一些庫是： vue 類別元件 軸 vue-路由器 vueX

Answer 1

此模板也出現了這個晦澀的錯誤：

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

缺少我的 NavBar 元件，而應該是：

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

嘗試將模板放入模板顯然是行不通的。

我也在 Docker 中進行開發，但在本例中似乎並不相關。

Answer 2

所以我想通了，好吧，我的設計老闆做到了，我所要做的就是刪除node_modules目錄並運行npm install來重新安裝該目錄​​。這為我解決了。希望對其他人也能如此。