The Mix Manifest Does Not Exist Laravel

Websolutionstuff | Oct-28-2022 | Categories : Laravel

In this article, we will see the mix manifest does not exist in laravel 8 and laravel 9. We will solve the mix manifest that does not exist in laravel. Laravel mix helper by default looks for manifest-json file. So, if your file is in any other directory or this file doesn't exist then you will see the mix manifest does not exist error.

Laravel Mix, a package developed by Laracasts creator Jeffrey Way, provides a fluent API for defining webpack build steps for your Laravel application using several common CSS and JavaScript pre-processors. The mix is a thin layer on top of webpack for the rest of us. It exposes a simple, fluent API for dynamically constructing your webpack configuration.

So, let's see the mix manifest does not exist in laravel 8 and laravel 9.

Solution 1:

Do not use mix in your blade files and you can change

<link rel="stylesheet" href="{{  mix('css/app.css')  }}">

To

<link rel="stylesheet" href="{{  asset('css/app.css')  }}">

 

Solution 2:

The mix() helper function default looks for the manifest-json file in /public/manifest-json.js. So, if you can store files in any other file directory then it will show the error. The manifest-json file is stored in the public/app/manifest-json.js, then for a file located in public/app/css/app.css.

<link rel="stylesheet" href="{{ mix('css/app.css', 'app') }}">

The mix() helper function allows the second parameter to specify the manifest file directory name.

 

 

Solution 3:

In localhost, it works fine but if you can deploy it on the server you can get the same error.

If you don't have access to the root or server. You can edit the App\Providers\AppServiceProvider file and add the following code to the boot() method.

$this->app->bind('path.public', function() {
   return base_path().'/../public_html';
});

 

Solution 4:

If you have server or root access then you can install the MIX package using the below NPM command.

npm install
npm run dev

OR

npm run production

 


You might also like:

Recommended Post
Featured Post
Laravel 10 Create AJAX Pagination Example
Laravel 10 Create AJAX Paginat...

In this article, we will see laravel 10 create an ajax pagination example. Here, we will learn about how to create...

Read More

Apr-17-2023

How to Install Elasticsearch in Laravel 10
How to Install Elasticsearch i...

Hey developers! If you're diving into the world of Laravel 10 and looking to supercharge your application's...

Read More

Dec-25-2023

How To Fix MySQL Shutdown Unexpectedly In XAMPP
How To Fix MySQL Shutdown Unex...

In this article, we will see how to fix "Error: MySQL shutdown unexpectedly" in XAMPP. When I open XAMPP...

Read More

Sep-22-2022

How to Add Bootstrap 5 in Angular 17 Application
How to Add Bootstrap 5 in Angu...

Welcome to this tutorial where I'll guide you through the process of integrating Bootstrap 5 into your Angular 17 ap...

Read More

Mar-25-2024