Veuillez d'abord appliquer la transformation appropriée pour résoudre l'erreur de serveur interne vite : nœud de génération de code manquant pour le nœud élément /if/for

Question

Alors hier, je travaillais sur un projet et alors que je m'apprêtais à arrêter parce que j'en avais fini, j'ai eu cette erreur et j'ai essayé de la réparer toute la journée aujourd'hui. Mon code fonctionne puis il se casse, annulant tout au point où je sais qu'il fonctionne mais il est toujours cassé.

L'erreur que j'obtiens dans BrowserConsole est : GET http://localhost:8080/src/js/component/App.vue net::ERR_ABORTED 500（内部服务器错误）(main.js:5)

Quand je regarde la ligne 5 de main.js, il n'y a que des importations pour App. Je n'ai pas touché à main.js, App.vue et AppTemplate.vue depuis le début du projet parce que je n'y étais pas obligé.

Pour exécuter mon code, j'utilise run vite dans le terminal (ou dans mon cas le raccourci de la fenêtre d'exécution dans phpstorm) et j'obtiens une autre erreur :

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)

Jusqu'à présent, j'ai essayé tout ce que je peux trouver ou auquel je pense,

Commencez par redémarrer vite, Redémarrez le conteneur Docker, j'ai redémarré mon ordinateur portable, Comme je l'ai déjà dit, je suis revenu à une version fonctionnelle mais toujours corrompue. Outils de développement de terminaux mis à jour et certaines choses dont Git se plaignait. Vérifiez si l'étiquette est mal placée. (Pas égaré)

Je ne sais pas quoi faire, toutes les suggestions sont les bienvenues. Toute information demandée, j’essaierai de la partager le plus rapidement possible.

J'ai un MacBook Pro 2020 Utiliser Vue 3 avec Vite Certaines bibliothèques que j'utilise sont : composant de classe vue axe vue-routeur vueX

Answer 1

Cette erreur obscure se produit également avec ce modèle :

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

Mon NavBar composant est manquant, il devrait être :

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

Essayer de mettre un modèle dans un modèle ne fonctionne évidemment pas.

Je développe également en Docker, mais cela ne me semble pas pertinent dans ce cas.

Answer 2

Alors j'ai compris, eh bien, c'est mon chef de conception qui l'a fait, tout ce que j'avais à faire était de supprimer le répertoire node_modules et d'exécuter npm install pour le réinstaller. Cela a résolu le problème pour moi. Espérons que ce sera la même chose pour les autres.