<p>私は Laravel と Vue.js および vite を使用して SPA を構築しています。また、Laravel Breeze と Inertia js を使用する別の CMS プロジェクトもあります。これら 2 つのプロジェクトを 1 つにマージするにはどうすればよいですか?したがって、ルーティング経由で設定できる管理ページなどの CMS を備えた SPA プロジェクトを作成できます。 出来ますか？ </p> <p>これは私の CMS プロジェクトの app.js です</p> <pre class="brush:php;toolbar:false;">import '../css/app.css'; import { createApp, h } から 'vue'; import { createInertiaApp } から '@inertiajs/vue3'; import { replacePageComponent } から 'laravel-vite-plugin/inertia-helpers'; import { ZiggyVue } から '../../vendor/tightenco/ziggy/dist/vue.m'; const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Laravel'; createInertiaApp({ title: (title) => `${title} - ${appName}`, solve: (name) =>solvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')), setup({ エル、アプリ、小道具、プラグイン }) { return createApp({ render: () => h(App, props) }) .use(プラグイン) .use(ZiggyVue、ジギー) .mount(el); }、 進捗： { 色: '#4B5563'、 }、 });</pre> <p>これは私の SPA プロジェクトの app.js です</p> <pre class="brush:php;toolbar:false;">import '../css/navbar.css'; インポート '../css/home.css'; インポート '../css/kenapa.css'; インポート '../css/ceritagami.css'; インポート '../css/karir.css'; インポート '../css/lowongan.css'; インポート '../css/media.css'; インポート '../css/gabung.css'; インポート '../css/mitra.css'; インポート '../css/download.css'; インポート '../css/footer.css'; 'vue' から { createApp } をインポートします。 './layouts/app.vue' からアプリをインポートします。 createApp(App).mount('#app');</pre> <p>ページを CMS にコピーしたり、その逆を試みたりしましたが、常にエラーが発生します。</p> <p>私は初心者で、SPA プロジェクトでは次のように他のページを呼び出すためのレイアウトとして App.vue を使用しているため、慣性を使用してそれを理解することができません。 </p> <pre class="brush:php;toolbar:false;"><NavbarVue/> <ホーム/> ＜ケナパ＞ ＜セリタ＞ <カリール/> <ロウォンガン/> <メディア/> <ガブン/> ＜ミトラ＞ <ダウンロード/> <フッター/> </テンプレート> <スクリプトセットアップ lang="ts"> '../components/Navbar.vue' から NavbarVue をインポートします。 '../pages/Home.vue' からホームをインポートします。 '../pages/Media.vue' からメディアをインポートします。 Kenapa を '../pages/Kenapa.vue' からインポートします。 Cerita を '../pages/Cerita.vue' からインポートします。 '../pages/Lowongan.vue' から Lowongan をインポートします。 '../pages/Karir.vue' から Karir をインポートします。 Gabung を '../pages/Gabung.vue' からインポートします。 '../pages/Mitra.vue' から Mitra をインポートします。 import '../pages/Download.vue' からダウンロードします。 '../components/Footer.vue' からフッターをインポートします。 </script></pre> <p>しかし、惰性でそれを行うことはできません。誰かが私に教えてくれませんか? </p>