The Mix manifest does not exist when it does exist

PhpLaravelLaravel Mix

Php Problem Overview

For my admin panel I extract all the assets including the manifest-json.js to mix.setPublicPath(path.normalize('public/backend/')).

All the files get correctly added to the backend folder, and the manifest-json.js file looks as follows:

{
    // all correct here
    "/js/vendor.js": "/js/vendor.js",
    "/js/app.js": "/js/app.js",
    "/css/app.css": "/css/app.css",
    "/js/manifest.js": "/js/manifest.js"
}

the problem is that when using

{{ mix('backend/css/app.css') }}

in my blade-files, it looks in public/manifest-json.js instead of looking for it in backend/manifest-json.js.

How can I make sure the right manifest-json.js file is used?

Php Solutions

Solution 1 - Php

I had same exception after deployment laravel project to server. It was working perfectly fine on localhost but after lot of research I found a solution. If you encounter this exception on server then you have to bind your public path to public_html

Just go to under the app/Providers, you will find your AppServiceProvider file and inside boot() method make the binding as below.

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

Solution 2 - Php

i solved my problem running this command

npm install

and then

npm run production

Thank You.

Solution 3 - Php

The problem I faced was that the mix()-helper function by default looks for the manifest-json file in /public/manifest-json.js so if you store that file on any other directory level then it will throw that error.

Let's say the manifest-json file is stored in public/app/manifest-json.js, then for a file located in public/app/css/app.css you would use:

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

The mix()-helper function allows for a second argument, the directory of the manifest file. Just specify it there and it will use the correct manifest file.

Solution 4 - Php

i have same problem as questioner: manifest does not exist for solving it what i have done is ran 2 commands as following:

npm install

and then

npm run dev

and the error is solved now. yippi.

Solution 5 - Php

In shared hosts and laravel 5.6 tested: after doing standard levels such as explained here; two levels needed: in app/Providers/AppServiceProvider.php:

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

and in public_html file make .htaccess file with content:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule ^(.*)$ index.php?/$1 [L]
</IfModule>
<IfModule !mod_rewrite.c>
  ErrorDocument 404 /index.php
</IfModule>

source: here this file most change for some situations.

that's all and solved my problem

Solution 6 - Php

I had the same issue with a Laravel package, its assets were not published:

This solved the issue for me:

php artisan vendor:publish --tag=telescope-assets --force

Sources: https://github.com/laravel/telescope/issues/136 https://github.com/laravel/telescope/issues/250

Solution 7 - Php

There are 3 ways to solve it, I summarize what the colleagues said above:

The problem is because, you are using mix() in the views.

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

solution 1 change it to this.

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

solution 2 If you don't have root access:

Modify the App\Providers\AppServiceProvider file and add the following to the boot() method.

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

solution 3

if you have root access run:

npm install & npm run dev

Solution 8 - Php

try the following commands:

npm install

npm run dev

Solution 9 - Php

I have same exception after deployment laravel project to (shared) server when trying to reach the login and register page. It works fine on local machine.

I kept the file and folder structure the same as on my local environment (all files that our in the public folder locally are in the public_html folder on the server).

The solution mentioned above seems to work. Adapted to my file and folder structure I added the following code to AppServiceProvider file and inside boot() method.

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

});

The only issue now is that the CSS of the login, register and dashboard page is messed up. I'm totally new to Livewire, I have no clue how to fix that.

Solution 10 - Php

In a shared hosting environment, Remove the mix e.g. {!! script(mix('js/manifest.js')) !!}

should be changed to

{!! script('js/manifest.js') !!}

This actually works for me

Solution 11 - Php

I got the same error

because when I run

npm install
npm run dev

I got some error.

It was fixed when I updated my nodejs version.

Solution 12 - Php

I'm just posting maybe someone would need it. For me it's worked when I changed in my blade file css and js pointed path. As bellow:

In my blade was this:

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

I changed the MIX to ASSET as:

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

Also the same on JS file to:

<script src="{{ asset('dist/js/app.js') }}"></script>

Solution 13 - Php

If it's the same thing for everybody, in my case laravel-mix seems to be not installed so without changing any files I just installed laravel-mix by running:

npm install laravel-mix@latest --save-dev

Solution 14 - Php

For bind your public path to public_html, in file index.php add this 3 lines:

$app->bind('path.public', function() {
   return __DIR__;
});

This is work for me on shared hosting

Solution 15 - Php

If you are having this issue with Laravel Nova or telescope then perhaps you are really missing mix-manifest file. You should have that file inside public/vendor/toolname/ Where toolname can be Nova or Telescope. If you have that folder, you should go ahead and put in your server otherwise you will first have to publish the assets & then put it on server.

Solution 16 - Php

Try to Add your public route to your app/Providers/AppServiceProvider.php

public function register()
{
    $this->app->bind('path.public',function(){

    return'/home/hosting-name-folder/public_html'; 
        
    });
}

Solution 17 - Php

I change resources/layouts/guest.blade.php and resources/layouts/app.blade.php

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

    <!-- Scripts -->
    <script src="{{asset('css')}}js/app.js"></script>

and resources/css and resources/js copy my public folder

Solution 18 - Php

The Mix manifest does not exist.

You can solve this problem by updating the node version.

actually when you run command npm run dev, show the error message "Error: You are using an unsupported version of Node. Please update to at least Node v12.14" so easily you can fix it by updating the node js version

Thanks

Solution 19 - Php

if your previous setup is correct.but you are looking this type of error it shows The Mix manifest does not exist. then write these command .

npm ci
npm run dev

Solution 20 - Php

  • Directory Structure like this

    --- public 
   --- app
       --css
          --app.css
       --js
          --app.js

  • Import css js in laravel blade file like this

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

<script src="{{ asset('app/js/app.js') }}" type="text/javascript"></script>

Solution 21 - Php

I resolved my problem by this command : npm install npm run dev

Solution 22 - Php

I had the issue on a shared host, where I was not able to run npm commands. Then I used the simplest way. In the /vendor/laravel/.../Foundation/Mix.php replace

i$manifests[$manifestPath] = json_decode(file_get_contents($manifestPath), true);

to

$manifests[$manifestPath] = json_decode(file_get_contents('https://your-domain.com/mix-manifest.json'), true);

Not recommended, but it works. You can use it as your last try.

Solution 23 - Php

Faced the same problem on both Windows and Ubuntu. Solved it on Ubuntu (and I presume the solution is simillar in Windows). The problem was due to the fact that my installed npm version was too old.

The solution for me was the following. I installed nvm (NodeVersionManager -version 0.39.1) which allowed me to switch to the latest stable version of node (v16.14.0) and then install npm 8.5.0.

Detailed steps: Linux bash terminal commands:

  1. touch ~/.bash_profile ~/.bashrc ~/.zshrc ~/.profile
  2. sudo apt install curl
  3. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
  4. logout and login Ubuntu user
  5. nvm --version
  6. nvm ls-remote
  7. nvm install 16.14.0
  8. node --version

...then inside the laravel project:

  1. npm ci
  2. npm install -g [email protected]
  3. npm audit fix
  4. npm run dev

Solution 24 - Php

Try out this one!!

 <script src="{{ asset('js/app.js') }}" defer></script>

It works for me

Solution 25 - Php

I found new solution

The problem is mix manifest right? So just redirect to the mix manifest feature. for example, you have:

{{ style(mix('css/backend.css')) }}

just change your code into

{{ style('css/backend.css') }}

it works for me

Categories
Recommended Php Solutions
Recommended Laravel Solutions

Previous Solution:

What is the "storage.ide" file beneath my Visual Studio solution folder, and what is "persistent storage"?

Visual StudioVersion ControlVisual Studio-2017

Next Solution:

How do I use Headless Chrome in Chrome 60 on Windows 10?

Google ChromeCommand LineWindows 10Headless BrowserGoogle Chrome-Headless

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionChrisView Question on Stackoverflow
Solution 1 - PhpGvepView Answer on Stackoverflow
Solution 2 - Phpuser6710403View Answer on Stackoverflow
Solution 3 - PhpChrisView Answer on Stackoverflow
Solution 4 - PhpHaritsinh GohilView Answer on Stackoverflow
Solution 5 - PhpSolivanView Answer on Stackoverflow
Solution 6 - PhpDenes PappView Answer on Stackoverflow
Solution 7 - PhpfafaafView Answer on Stackoverflow
Solution 8 - PhpMadan PoudelView Answer on Stackoverflow
Solution 9 - PhpB.MuziekhuisView Answer on Stackoverflow
Solution 10 - PhpAwonusi OlajideView Answer on Stackoverflow
Solution 11 - PhpSuhendraView Answer on Stackoverflow
Solution 12 - PhpJose PintoView Answer on Stackoverflow
Solution 13 - PhpAdibe MohamedView Answer on Stackoverflow
Solution 14 - PhpJosé Luis Zarabanda DíazView Answer on Stackoverflow
Solution 15 - PhpMacTavishView Answer on Stackoverflow
Solution 16 - PhpGnomo ArioView Answer on Stackoverflow
Solution 17 - PhpSerkan KısacıkView Answer on Stackoverflow
Solution 18 - PhpTejpratap YadavView Answer on Stackoverflow
Solution 19 - PhpMd Raju HossenView Answer on Stackoverflow
Solution 20 - PhpDharmik DungaraniView Answer on Stackoverflow
Solution 21 - Phptaoufik TFKView Answer on Stackoverflow
Solution 22 - PhpAagiiduView Answer on Stackoverflow
Solution 23 - PhpAdrian Gh.View Answer on Stackoverflow
Solution 24 - PhpMisbakh AhmedView Answer on Stackoverflow
Solution 25 - PhpFakhri RamadhanView Answer on Stackoverflow