laravel - 在我的 Inertia laravel 应用程序中获取 View [app] not found 错误
问题描述
我正在尝试在我的 laravel 应用程序中使用惯性。我的应用不需要jetstream,所以我不会使用它。所以我去了惯性的网站https://inertiajs.com/安装它,但我不确定我是否做得正确。
我在页面上遇到的错误是
查看 [app] 未找到。
这就是我的 ProductController
public function index()
{
return Inertia::render('components/products/Index');
}
这是我的 Index.vue
<template>
<div>
<h1>Welcome</h1>
<p>Hello, welcome to your first Inertia app!</p>
</div>
</template>
<script>
export default {
components: {
},
props: {
},
}
</script>
在我的 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>
我不确定我是否还缺少其他任何东西。
解决方案
如果您的 app.blade.php 文件位于视图下的布局文件夹中,请将其向上移动到视图文件夹下,即
来自 资源/视图/布局/app.blade.php
到 资源/视图/app.blade.php
推荐阅读
- iccube - 如何通过 XMLA 使用 $Monitoring 多维数据集获取用户统计信息?
- go - 无法解析 Go 代码中的值
- java - Hybris Commerce ERR SSL 版本或密码不匹配
- c++ - Clang、GCC 和 LTO 之间的互操作性
- neo4j - 如何通过对值使用聚合函数来删除节点和关系
- r - 如何在 R 中获取点-点-点参数的名称
- javascript - 每页有 7 个不同的侧面板
- rabbitmq - Rabbitmq + Spring AMQP:重新发送消息但没有确认返回
- javascript - 数组转换打字稿,javascript
- python - 平滑一个颠簸的圆圈