Topic: CSS Loading errors
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/chunk-vendors.edc0a35f.js.map: 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!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- 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
Mikołaj Smoleński staff commented 3 years 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 commented 3 years 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 3 years ago
Ok, thanks for the information.
Keep coding, Mikołaj from MDB