Getting View [app] not found error in my Inertia laravel app

Question

I'm trying to use inertia in my laravel app. My app doesn't need jetstream so I won't be using that. So I went to inertia's site https://inertiajs.com/ to install it, but I'm not sure if I'm doing it correctly.

The error I get on my page is

View [app] not found.

This is what I have in my ProductController

public function index()
{
    return Inertia::render('components/products/Index');
}

This is my Index.vue

<template>
    <div>
        <h1>Welcome</h1>
        <p>Hello, welcome to your first Inertia app!</p>
    </div>
</template>

<script>
    export default {
        components: {

        },
        props: {

        },
    }
</script>

and in my app.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>Admin</title>

    <link rel="stylesheet" href="/vendor/adminlte/plugins/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="/css/style.css">

</head>
<body class="hold-transition sidebar-mini">
    <div class="wrapper">

    <!-- Navbar -->
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">

        <!-- Left navbar links -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
            </li>
            <li class="nav-item d-none d-sm-inline-block">
                <a href="index3.html" class="nav-link">Home</a>
            </li>
            <li class="nav-item d-none d-sm-inline-block">
                <a href="#" class="nav-link">Contact</a>
            </li>
        </ul>

        <!-- Right navbar links -->
        <ul class="navbar-nav ml-auto">

            <li class="nav-item dropdown user-menu">
                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown"><span>{{ Auth::user()->name }}</span></a>
                <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                    <li class="user-header bg-primary h-auto">
                        <p class="mt-0"><span>{{ Auth::user()->name }}</span><small><span>{{ Auth::user()->title }}</span></small></p>
                    </li>
                    <li class="user-footer">
                        <a class="btn btn-default btn-flat float-right btn-block" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            <i class="fa fa-fw fa-power-off"></i> Log Out
                        </a>

                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                            @csrf
                        </form>
                    </li>
                </ul>
            </li>

        </ul>
    </nav>
    <!-- /.navbar -->

    <aside class="main-sidebar elevation-4">
        <a href="{{ route('home') }}" class="brand-link">
            <img src="/img/default-brand.png" class="brand-image img-circle elevation-3"
             style="opacity: .8">
        </a>
    </aside>

    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">@yield('title')</h1>
                    </div>
                </div>
            </div>
        </div>

        <div class="content">
            <div class="container-fluid">
                @inertia
            </div>
        </div>
    </div>
</div>


<script src="/jquery/jquery.min.js"></script>
<script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
</body>
</html>

I'm not sure if I'm missing anything else.

can you add some more info about your server-side setup? Where is your app.blade.php located? How is the middleware configurated? Custom root template configured? — Sidney Gijzen
– Sidney Gijzen, Commented Dec 24, 2020 at 14:48

chibuike · Accepted Answer · 2022-06-25 20:42:00Z

16

Inertia allows you to set your application root view from the HandleInertiaRequests middleware

protected $rootView = 'layout/app';

make sure it corresponds with your folder arrangement under views/

in this case it should be views/layout/app.blade.php

edited Jun 25, 2022 at 20:42

answered Apr 25, 2021 at 14:06

chibuike

1711 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Behzad · Accepted Answer · 2024-01-16 09:59:26Z

2

you can also change the app.blade.php directory if you want by going to inertia middleware file located at: app\Http\Middleware\HandleInertiaRequests.php and change the app file directory to wherever you want:

protected $rootView = '/layouts/app';

edited Jan 16, 2024 at 9:59

answered Mar 19, 2022 at 15:37

Behzad

5826 silver badges19 bronze badges

Comments

Ahmad Sharif · Accepted Answer · 2021-05-23 08:10:18Z

-2

app is not found in view directory. Try this.

Route::get('/', function () {
    return view('layouts/app');
});

answered May 23, 2021 at 8:10

Ahmad Sharif

4,4536 gold badges40 silver badges51 bronze badges

Collectives™ on Stack Overflow

Getting View [app] not found error in my Inertia laravel app

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related