This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
I'm still having issues with Blazor project and NET8. I'm creating a simple website that has a server project, a client project, and a few Blazor components. The component is an ImageSelect that requires adding some JavaScript in the App.razor. I updated the component to NET8 too.
The render of the website locally is quite what I like to see and there are no errors in the developer tools.
When I deploy the website and browse it, I get completely different results. Starting with Edge on MacOS or Windows.
Here is a screenshot of the web application on Microsoft Edge on MacOS (the same on Windows).
When I inspect the developer tools, I can see that all the CSS and JavaScript embedded in the components, are not found.
Failed to load resource: the server responded with a status of 403 () /_content/PSC.Blazor.Template.Newzin/js/lib/pace.js:1
Using Safari, the result is more strange. This is the screenshot I get when I open the website
There was an unhandled exception on the current request. For more details turn on detailed exceptions by setting 'DetailedErrors: true' in 'appSettings.Development.json'
This surprises me because in the Program.cs of the main project, the application has to read the appconfig.json related to the environment and when I deploy, the environment is Release. Then in the developer tools, I get those errors
I can't understand where the problem is and how I can fix it. I have created a GitHub repository with the Blazor solution but it doesn't have the dependencies because this is a quite big project. If you have to have a look at the Blazor, here you have the source code for a few days.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(310.4, 77%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EFU%3C/text%3E%3C/svg%3E)
Well, based on your description and scenario it seems that you are getting 403 while loading the web application. As you may know, 403 error indicates a permission issue, meaning the server is refusing access to the requested resources (CSS and JavaScript files). This could be due to several reasons, but do following investigation to identify and fix the issue. For instance:
Finally, review the application logs can provide valuable clues about the specific cause of the 403 error.
Thank you for your answer. The issue is related to Blazor components. All the files are embedded in the Blazor components and the browser can’t find them. Locally the website is working fine. I had the same issue with Blazor and NET6 and NET7 because the browsers blocked the download of the DLLs in the web assembly. I thought this kind of issue was resolved with the new version of Blazor.
My pleasure, and glad to know that your issue has been resolved.
No no, the issue is not resolved, it is still there. The issue is related to Blazor component. All the resources (CSS & JS) in the Blazor components are not loaded.
Well, are you still getting the 404 error? Could you please double check if your static file configuration are correct?
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 61%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBS%3C/text%3E%3C/svg%3E)
the error 403 means access is forbidden. as the errors are for static files, that means the static file handler does not have access. you don't specify the hosting, but check the deployment and debug by fetching one file in the browser.