Vue3 - RouterLink はビルド進行中と表示されるが、RouterView は表示されない

Question

vue を使用して非常に単純な Web サイトを構築しようとしています。 npm runserve を実行すると、使用されているすべてのコンポーネントが表示されます。npm run build を実行すると、サイトは空になります。

完全に空白のページと 404 ファイル エラーの問題を解決するために、vue.config.js ファイルを調整し、publicPath (他の投稿に示されているように) を追加しました。

リーリー

publicPath を追加すると、RenderView 以外のすべてがレンダリングされます。

私の App.vue ファイルは次のようになります:

リーリー

RouterLinks の上にマウスを置くと、ファイル パスも混乱しているようです。

js エラー コンソールはまだ空です。

router/index.js ファイルは次のようになります:

リーリー

この動作の原因をご存知の方がいらっしゃいましたら、喜んでお知らせいたします。 事前にどうもありがとうございました！

Answer 1

まあ、これには長い時間がかかりました。どうやら、dist フォルダーから直接 vue アプリケーションをテストすることはできないようです。すべてのファイルをサーバーディレクトリ（Apacheを実行している）に移動したところ、すべてが期待どおりに機能しました。