Level 13
Can you post your blade template within this tag things i means your links and href.
<head>
</head>
May 5, 2019
8
Level 1
CSS & JS not linked correctly
Hey, I am new to Laravel, Nova, etc. In the login panel for Nova, the HTML shows this:
link rel="stylesheet" href="/vendor/nova/app.css?id=83e9424dd6715db59894"
But /vendor/nova/app.css is not the right path, so it does not find the .css and returns a 404. Same is true for the JavaScript files the panel wants to load:
script src="/vendor/nova/manifest.js?id=2d315777967b6001bcf1"
That's not the path either. How do I tell Laravel / Nova where to look for these dependencies?
Level 1
Sure. This is a totally stock Nova install, so it's not "my" blade template, it's Nova's blade template. I am grabbing this from nova's layout.blade.php
<title>{{ Nova::name() }}</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,800,800i,900,900i" rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="{{ mix('app.css', 'vendor/nova') }}">
<!-- Tool Styles -->
@foreach(Nova::availableStyles(request()) as $name => $path)
<link rel="stylesheet" href="/nova-api/styles/{{ $name }}">
@endforeach
Level 1
Hey so I modified mix-manifest.json to specify the correct path to my app.css etc files:
{ "/app.js": "/app/nova/public/app.js?id=xxx", "/app.css": "/app/nova/public/app.css?id=xxx", "/vendor.js": "/app/nova/public/vendor.js?id=xxx", "/manifest.js": "/app/nova/public/manifest.js?id=xxx" }
and now the CSS link appears as:
link rel="stylesheet" href="/vendor/nova/app/nova/public/app.css?id=83e9424dd6715db59894"
Hmmm...I think I am on the right path but not quite there. Suggestions?
Level 13
You have to add as like below in your blade,
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ mix('css/app.css') }}" rel="stylesheet" type="text/css">
and for the nova something like below,
<link rel="stylesheet" href="{{ mix('public/app.css') }}">
Level 67
what dirs are actually present within the /public dir? Is there a vendor dir in there?
Have you run npm run dev? You shouldn't have to manually be editing the manifest.json file.
Level 1
@MUNAZZIL - Hi, thank you - but again, this is not "my" blade. This is the blade that comes with Nova. I don't think it's supposed to be edited like that. Should it not just work?
Level 1
@CRONIX - All the files that should be in /public are there: app.css, app.js, manifest.js, mix-manifest.json, and vendor.js. Yes, I have run npm run dev
Level 1
Dear, I also stuck in the same issue. Kindly share, if you have got any solution, please.
Please or to participate in this conversation.