Topic: CSS Loading errors

mbain free asked 1 year ago

I am using MDBVue for a web page that is hosted on AWS. Everything has been going smoothly but all of a sudden I started getting the following error out of nowhere:

For Chrome: DevTools failed to load source map: Could not parse content for https://[webpage]/js/ Unexpected token < in JSON at position 0

For Firefox: The stylesheet https://[webpage]/css/app.f73fb47a.css was not loaded because its MIME type, “text/html”, is not “text/css”.

None of the MDBVue css is loading.

I am unsure of what code snippets to add that would help.

I am unsure what would of caused this. In order to build, I use the "npm run build" then move the dist folder to the server. The project has been working perfectly fine until today.

Any help would be greatly appreciated!

Mikołaj Smoleński staff commented 1 year ago

Could you send some steps how you deploy the page? Can you send a link to the working page/app?

Keep coding,  Mikołaj from MDB

mbain free commented 1 year ago

Steps to deploy: 1. When ready to deploy (in VSCode), run 'npm run build' in the terminal 2. Connect to the server via FileZilla 3. locate the dist folder that the build in step 1 created and move it onto the server

That's basically it.

However the problem seems to have been fixed. I wish I had an intelligent solution to share, but all we ended up doing was restarting the server a couple of times and it eventually started working.

Another issue that may of been causing any weird stuff was I had my Strapi files in the same directory, so it might of been trying to build with those. So I removed them for the build.

Mikołaj Smoleński staff commented 1 year ago

Ok, thanks for the information.

Keep coding,  Mikołaj from MDB

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: MDB4 6.7.2
  • Device: PC
  • Browser: Chrome / Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No