The Mix manifest does not exist when it does exist

Question

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?

replace mix with asset - example asset('dist/css/app.css') – Omar bakhsh Dec 23 '21 at 12:05 — Omar bakhsh, Dec 23 '21 at 12:05

Gvep · Answer 1 · 2017-11-28T08:46:36.033

69

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';
    });

edited Nov 28 '17 at 08:46

answered Nov 27 '17 at 19:08

Gvep

1,096
2
9
18

"/home/tebdir/domains/site.com/LaravelApp/../public_html" It's not seems to be right path – Solivan Apr 17 '18 at 04:55
2

it depends on your folder structure, if your laravelApp and public_html under same directory it won't work, you should configure it according to your structure. – Gvep Apr 17 '18 at 08:57
5

Many thanks to you, it's much cleaner solution if comparing with others! I would also suggest using some sort of environment constant (set in `.env` file) for specifying path to public directory system-wide. – vintprox Apr 12 '19 at 06:44
2

Thank you, this solution fixed my issue. – Ahad abasi rad Mar 26 '20 at 09:53
1

Thanks! On my case I have diferent public routes on dev and production. So I have this line before the app->bind call : if (App::environment('production')){ /* */ } – gtamborero Sep 25 '20 at 08:26
1

This is the answer that works universally - especially if you're on a shared environment. Ensure you've also followed these instructions: https://stackoverflow.com/questions/44868393/laravel-shared-hosting-routes-not-working-properly/46409411#46409411 – andromeda May 21 '21 at 18:15
This is the answer that works in my cpanel web hosting thank you – saber tabatabaee yazdi Dec 23 '21 at 19:19
Thank you very much! I was in problem for a week. @Gvep you save me. – mrobbizulfikar Jan 17 '22 at 07:43

score 59 · Answer 2 · answered Oct 30 '18 at 19:05

59

i solved my problem running this command

npm install

and then

npm run production

Thank You.

answered Oct 30 '18 at 19:05

11

Alternatively you can run 'Npm run dev' instead of production :) – mpalencia Nov 04 '18 at 07:37
after these command if i did upload all folders into myserver via ftp, how can i update my server via ftp? can i only upload node_modules or need some another folders? – saber tabatabaee yazdi Apr 22 '20 at 20:07

Chris · Accepted Answer · 2017-07-19T22:17:05.803

27

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.

edited Jul 19 '17 at 22:17

answered Jul 17 '17 at 21:34

Chris

3,081
4
18
34

8

my files are in public_html folder on shared hosting, How can I set that ? – Mahdi Younesi Aug 16 '17 at 19:53
Thanks @chris, at last your answer gave me solution – Faridul Khan Dec 13 '20 at 10:12

score 19 · Answer 4 · answered Feb 19 '19 at 14:25

19

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.

answered Feb 19 '19 at 14:25

Haritsinh Gohil

4,732
41
42

I have already install node js. Use this command for check it node -v npm -v . This working. When command under laravel project npm install . Show this error 'npm' is not recognized as internal or external command in laravel – Bhavik Kalal Jan 25 '21 at 16:41
@BhavikKalal have you added the path variable for node js in Environment variables? if not add it and then reopen the command prompt and then check again. – Haritsinh Gohil Jan 27 '21 at 05:27

score 10 · Answer 5 · edited Jul 20 '18 at 20:01

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

score 9 · Answer 6 · answered Mar 01 '19 at 21:47

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

score 6 · Answer 7 · answered Jul 08 '21 at 03:13

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

score 5 · Answer 8 · answered Jun 20 '20 at 11:52

5

try the following commands:

npm install

npm run dev

answered Jun 20 '20 at 11:52

Madan Poudel

51
1
4

score 2 · Answer 9 · answered Jan 08 '21 at 08:18

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.

Thanks, solved my problem! The css got fixed by removing mix from the css links in the app.blade.php and guest.blad.php — B.Muziekhuis, Jan 08 '21 at 08:44

score 1 · Answer 10 · answered Oct 01 '20 at 16:07

1

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

answered Oct 01 '20 at 16:07

Awonusi Olajide

21
1

score 1 · Answer 11 · answered Jan 10 '21 at 01:36

1

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.

answered Jan 10 '21 at 01:36

Suhendra

81
3

Jose Pinto · Answer 12 · 2021-03-24T08:12:04.770

1

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>

edited Mar 24 '21 at 08:12

answered Mar 24 '21 at 08:06

Jose Pinto

89
1
10

Its not a real solution, you still need to use mix function in production if you use .version() in webpack.mix.js – Mgs M Rizqi Fadhlurrahman Jun 07 '21 at 18:38

score 1 · Answer 13 · answered May 31 '21 at 17:58

1

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

answered May 31 '21 at 17:58

Adibe Mohamed

29
1
4

score 1 · Answer 14 · answered Jul 05 '21 at 17:41

1

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

answered Jul 05 '21 at 17:41

José Luis Zarabanda Díaz

123
1
1
6

score 1 · Answer 15 · answered Aug 10 '21 at 10:49

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.

score 1 · Answer 16 · answered Oct 15 '21 at 18:56

1

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'; 
        
    });
}

answered Oct 15 '21 at 18:56

Gnomo Ario

61
1
2

score 0 · Answer 17 · answered Jun 04 '21 at 23:45

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

Tejpratap Yadav · Answer 18 · 2021-09-29T05:35:19.530

0

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

edited Sep 29 '21 at 05:35

answered Sep 28 '21 at 17:12

Tejpratap Yadav

11
3

Md Raju Hossen · Answer 19 · 2022-03-13T21:38:11.700

0

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

edited Mar 13 '22 at 21:38

answered Mar 13 '22 at 21:30

Md Raju Hossen

1
1

Would you mind adding a brief explanation of the command or a link to the documentation? – Kenny Lajara Mar 17 '22 at 12:03

score 0 · Answer 20 · edited Apr 18 '22 at 04:29

0

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>

edited Apr 18 '22 at 04:29

Suraj Rao

28,850
10
94
99

answered Apr 18 '22 at 04:28

Dharmik Dungarani

1

score 0 · Answer 21 · answered Apr 29 '22 at 14:43

0

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

answered Apr 29 '22 at 14:43

taoufik TFK

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community May 02 '22 at 04:25
This does not provide an answer to the question. Once you have sufficient [reputation](https://stackoverflow.com/help/whats-reputation) you will be able to [comment on any post](https://stackoverflow.com/help/privileges/comment); instead, [provide answers that don't require clarification from the asker](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead). - [From Review](/review/late-answers/31656116) – Alessandro May 06 '22 at 13:57

score 0 · Answer 22 · answered May 18 '22 at 12:34

0

Worked for me on a fresh install of Laravel 9 with Jetstream(using Laradock).

npm run install && npm run development

When running npm run dev the mix was not compiling the files and creating the mix-manifest.json

answered May 18 '22 at 12:34

Rubens

131
1
5

score -1 · Answer 23 · answered Mar 03 '20 at 06:11

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.

score -1 · Answer 24 · answered Feb 14 '22 at 21:30

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:

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

...then inside the laravel project:

npm ci
npm install -g npm@8.5.0
npm audit fix
npm run dev

score -1 · Answer 25 · answered Feb 20 '22 at 10:56

-1

Try out this one!!

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

It works for me

answered Feb 20 '22 at 10:56

Misbakh Ahmed

91
1
6

score -2 · Answer 26 · edited Feb 13 '20 at 07:26

-2

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

edited Feb 13 '20 at 07:26

Pradip Tilala

1,587
14
23

answered Feb 13 '20 at 04:46

Fakhri Ramadhan

1

The Mix manifest does not exist when it does exist

26 Answers26

Linked