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:\2023\laravel ecommerce\shop\public\build/manifest.json
F:\2023\laravel ecommerce\shop\resources\views\layouts\app.blade.php : 17 require
resources\views\layouts\app.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?
@flex Why are you using Laravel 9 when it’s already only receiving security fixes, and will stop receiving even those next month?
You should be using Laravel 10. Especially since Laravel 11 is due in Q1 and you’ll then be two major versions behind rather than just one.
@martinbean My Node version is 16 so, is this compatible with Vue 3 and Vite in Laravel 10
@Flex What does Node version have to do with using an old version of a PHP framework?
Please or to participate in this conversation.