inertia + vue + laravel

hey guys, after installin inertia vue on laravel, when I deploy my server i get

Vite manifest not found at: C:\xampp\htdocs\dm_core_server\public\/build/manifest.json

Sinnbeck

3 years ago

Level 102

You need to run npm run build

1 like

Kris01

3 years ago

Level 3

@Sinnbeck it says

Missing script: build

1 like

Sinnbeck

3 years ago

Level 102

@Kris01 show your package.json

It should be right here https://github.com/laravel/laravel/blob/9.x/package.json#L5

1 like

Kris01

3 years ago

Level 3

@Sinnbeck

    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production",
        "build-total": "cd nova-components/Total && npm run dev",
        "build-total-prod": "cd nova-components/Total && npm run prod",
        "build-total-users": "cd nova-components/TotalUsers && npm run dev",
        "build-total-users-prod": "cd nova-components/TotalUsers && npm run prod",
        "build-currently-online-users": "cd nova-components/CurrentlyOnlineUsers && npm run dev",
        "build-currently-online-users-prod": "cd nova-components/CurrentlyOnlineUsers && npm run prod"
    },

1 like

Sinnbeck

3 years ago

Best Answer

Level 102

@Kris01 so you have started migration to vite? The error is for vite but you scripts are all mix (the old js compiler for laravel)

If not, you need to find and remove all usages of @vite() in your code

2 likes

Kris01

3 years ago

Level 3

@Sinnbeck Ok I found the problem, I hade vite() in a file, once commented, it works now.

1 like

Kris01

3 years ago

Level 3

@Sinnbeck Now I keep getting

Undefined variable $page

my main view.blade is like this

<!DOCTYPE html>
<html lang="en" class="js"> 
<head> 
    <meta charset="utf-8">  
    <meta name="author" content="">
    <meta name="description" content="A platform the connects business owners to potential buyers."> 
     
    <title>{{ $title }} | Testing</title> 

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="{{ URL::asset('build/css/1.main.css') }}" rel="stylesheet">
    <link href="{{ URL::asset('build/css/main.css') }}" rel="stylesheet">
    <link href="{{ URL::asset('custom/styles.css') }}" rel="stylesheet">

    <link rel="shortcut icon" href="{{ URL::asset('build/images/maven.png') }}" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">

    @yield('extraCss')
    @inertiaHead 
</head> 
<body class="nk-body npc-invest bg-lighter">
    <script src="https://cdn.socket.io/4.5.0/socket.io.min.js" integrity="sha384-7EyYLQZgWBi67fBtVxw60/OWl1kjsfrPFcaU0pp0nAh+i8FD068QogUvg85Ewy1k" crossorigin="anonymous"></script>
    <script src="https://unpkg.com/@popperjs/core@2"></script>
    <script src="https://unpkg.com/tippy.js@6"></script>
    
    
    @if(!isset($full))
        @include('app.components.header.main') 
    @endif

    @inertia
    

    @include('app.components.footer') 

    @include('app.components.notifications')
</body> 
</html>

Please or to participate in this conversation.