Bitte wenden Sie zuerst die entsprechende Transformation an, um den internen Serverfehler von vite zu beheben: Fehlender Codegenerierungsknoten für den Element-/if/for-Knoten

Question

Also habe ich gestern an einem Projekt gearbeitet und als ich gerade dabei war, aufzuhören, weil ich damit fertig war, bekam ich diesen Fehler und habe heute den ganzen Tag versucht, ihn zu beheben. Mein Code funktioniert, und dann geht er kaputt, was alles soweit rückgängig macht, dass ich weiß, dass es funktioniert, aber es ist immer noch kaputt.

Der Fehler, den ich in browserConsole erhalte, ist: GET http://localhost:8080/src/js/component/App.vue net::ERR_ABORTED 500（内部服务器错误）(main.js:5)

Wenn ich mir Zeile 5 von main.js ansehe, gibt es nur Importe für App. Ich habe main.js, App.vue und AppTemplate.vue seit Beginn des Projekts nicht berührt, weil ich es nicht musste.

Um meinen Code auszuführen, verwende ich run vite im Terminal (oder in meinem Fall die Verknüpfung zum Ausführungsfenster in phpstorm) und erhalte eine weitere Fehlermeldung:

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)

Bisher habe ich alles versucht, was mir einfiel oder einfiel,

Beginnen Sie mit einem Neustart von vite, Starten Sie den Docker-Container neu. habe meinen Laptop neu gestartet, Wie ich bereits sagte, wurde eine funktionierende Version wiederhergestellt, die jedoch immer noch beschädigt ist. Aktualisierte Terminal-Entwicklungstools und einige Dinge, über die sich Git beschwert hat. Überprüfen Sie, ob das Etikett falsch platziert ist. (Nicht fehl am Platz)

Ich weiß nicht, was ich tun soll, alle Vorschläge sind sehr willkommen. Alle gewünschten Informationen werde ich versuchen, so schnell wie möglich weiterzugeben.

Ich habe ein MacBook Pro 2020 Verwendung von Vue 3 mit Vite Einige Bibliotheken, die ich verwende, sind: Vue-Klassenkomponente Achse Vue-Router 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来重新安装该目录。这为我解决了。希望对其他人也能如此。