実現したいこと
Laravel + Inertia + Vue.jsでの開発環境構築を実現したい
laravelでの環境構築経験はあるが、Inertia+vue.jsを組み合わせた環境構築は初めてなので質問させていただきます。
現段階でのインストール状況:
npm,node.jsインストール済み
[package.jsonファイル]
{
"private": true,
"scripts": {
"dev": "vite",
"build": "vite build"
},
"devDependencies": {
"@inertiajs/vue3": "^0.6.0",
"@tailwindcss/forms": "^0.5.3",
"@vitejs/plugin-vue": "^4.0.0",
"autoprefixer": "^10.4.12",
"axios": "^1.1.2",
"laravel-vite-plugin": "^0.7.2",
"lodash": "^4.17.19",
"postcss": "^8.4.18",
"tailwindcss": "^3.2.1",
"vite": "^4.0.0",
"vue": "^3.2.41"
}
}
[composer.json]
{
"name": "laravel/laravel",
"type": "project",
"description": "The Laravel Framework.",
"keywords": ["framework", "laravel"],
"license": "MIT",
"require": {
"php": "^8.0.2",
"guzzlehttp/guzzle": "^7.2",
"inertiajs/inertia-laravel": "^0.6.8",
"laravel/framework": "^9.19",
"laravel/sanctum": "^3.2",
"laravel/tinker": "^2.7",
"tightenco/ziggy": "^1.0"
},
"require-dev": {
"fakerphp/faker": "^1.9.1",
"laravel/breeze": "^1.19",
"laravel/pint": "^1.0",
"laravel/sail": "^1.0.1",
"mockery/mockery": "^1.4.4",
"nunomaduro/collision": "^6.1",
"phpunit/phpunit": "^9.5.10",
"spatie/laravel-ignition": "^1.0"
},
"autoload": {
"psr-4": {
"App\": "app/",
"Database\Factories\": "database/factories/",
"Database\Seeders\": "database/seeders/"
}
},
"autoload-dev": {
"psr-4": {
"Tests\": "tests/"
}
},
"scripts": {
"post-autoload-dump": [
"Illuminate\Foundation\ComposerScripts::postAutoloadDump",
"@php artisan package:discover --ansi"
],
"post-update-cmd": [
"@php artisan vendor:publish --tag=laravel-assets --ansi --force"
],
"post-root-package-install": [
"@php -r "file_exists('.env') || copy('.env.example', '.env');""
],
"post-create-project-cmd": [
"@php artisan key:generate --ansi"
]
},
"extra": {
"laravel": {
"dont-discover": []
}
},
"config": {
"optimize-autoloader": true,
"preferred-install": "dist",
"sort-packages": true,
"allow-plugins": {
"pestphp/pest-plugin": true
}
},
"minimum-stability": "stable",
"prefer-stable": true
}
発生している問題・分からないこと
1.ブラウザにwelcome.vueファイルを表示させようとしたところ何も映らず、検証ツールのコンソールで"Failed to load resource: net::ERR_CONNECTION_REFUSED"というエラーが出てしまう.(run dev,run build実行済み)
2.Unable to locate file in Vite manifest: unable to locate file in vite manifest: resources/js/pages/auth/login.vue.
2のエラーに関してはvite.config.jsのlugins: [
laravel({
input: 'resources/js/app.js',[ここ]
[ここ]の部分に表示させたいページのパスを挿入すれば2のエラーはなくなるのですが、この措置は正しいのかはわかりません.
質問:これらのエラーの原因と解決方法に関して少しでもわかる方がいましたら教えていただきたいです.
該当のソースコード
特になし
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
[参考にした記事]
Laravel + Inertia + Vue.js 環境構築にあたり
下記の記事の[Laravel環境の構築]のみを参考して各々をインストールした[https://zenn.dev/takuo/articles/8a6829ba020ad0]
unable to locate file in vite manifest: resources/js/pages/auth/login.vue.というエラーを解決するにあたり下記の記事を参考にしたがうまくいかなかった.
[https://qiita.com/zakki_engineer/items/170ac2386c23b9d78c4b]
補足
特になし

バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/01/12 06:10