Question 311798 in Laravel Question posted in
The official Laravel Documentation can be found here.

Laravel 9 Register blade view not work properly

using Laravel 9 and installed php artisan ui vue --auth command and create Login and Register components as well. and run npm install and npm run dev command also. but when I try to load Register or Login blade files following error encounted
Vite manifest not found at: F:2023laravel ecommerceshoppublicbuild/manifest.json

F:2023laravel ecommerceshopresourcesviewslayoutsapp.blade.php : 17 require

resourcesviewslayoutsapp.blade

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">


    <!-- CSRF Token -->

    <meta name="csrf-token" content="{{ csrf_token() }}">


    <title>{{ config('app.name', 'Laravel') }}</title>


    <!-- Fonts -->

    <link rel="dns-prefetch" href="//fonts.bunny.net">

    <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">


    <!-- Scripts -->

    @vite(['resources/sass/app.scss', 'resources/js/app.js'])  // this is line 17

</head>

<body>

    <div id="app">

        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">

            <div class="container">

                <a class="navbar-brand" href="{{ url('/') }}">

                    {{ config('app.name', 'Laravel') }}

                </a>

                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">

                    <span class="navbar-toggler-icon"></span>

                </button>


                <div class="collapse navbar-collapse" id="navbarSupportedContent">

                    <!-- Left Side Of Navbar -->

how could I fix this problem?

Tags:

2

Answers


  1. 0 
     F:2023laravel ecommerceshoppublicbuild/manifest.json

    Contains a forward slash but you are on windows, you should check where this file is configured.

    You could take a look at your outdir

    // vite.config.js
export default {
    build: {
        manifest: true,
        outDir: 'public/build',
        rollupOptions: {
            input: 'resources/js/app.js',
        },
    },
});
    Login or Signup to reply.
  2. 0

    Try running

    npm run build

    Instead of npm run dev or after it

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search