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 の import しかありません。プロジェクトの開始以来、main.js、App.vue、AppTemplate.vue には触る必要がなかったので触っていません。

コードを実行するには、ターミナルで run vite (または、私の場合は phpstorm の実行ウィンドウ ショートカット) を使用しますが、別のエラーが発生します:

リーリー

これまでのところ、私は見つけたり考えたりできることはすべて試してきました。

まずはviteを再起動してください。 Dockerコンテナを再起動します。 ラップトップを再起動しました、 前に述べたように、動作バージョンに戻りましたが、まだ破損しています。 ターミナル開発ツールを更新し、git で不満があった点をいくつか更新しました。 ラベルが間違って貼られていないか確認してください。 (置き忘れではありません)

何をすればよいか迷っています。あらゆる提案を大歓迎です。 リクエストされた情報はできるだけ早く共有するよう努めます。

私は MacBook Pro 2020 を持っています Vite で Vue 3 を使用する 私が使用するいくつかのライブラリは次のとおりです。 vueクラスコンポーネント 軸 vueルーター vueX

Answer 1

このわかりにくいエラーは、このテンプレートでも発生します:

リーリー

私の NavBar コンポーネントがありません。代わりに次のようにする必要があります:

リーリー

テンプレートをテンプレートに入れようとしても、明らかに機能しません。

私も Docker で開発していますが、この場合は関係ないようです。

Answer 2

そこで私は、「よし、私の設計上司がやったんだ」とわかりました。私がしなければならなかったのは、node_modules ディレクトリを削除し、npm install を実行してディレクトリを再インストールすることだけでした。これで解決しました。他の人たちも同様であることを願っています。