Estoy haciendo deploy de mi aplicacion y cargan los archivos pero los estilos y las carpetas contenidas en la carpeta public no se pueden acceder ni cargan al momento de ingresar al navegador, esta es la estructura de mis carpetas
-|node_modules
-|src
---|public
-----|css
-----|img
-----|js
---|index.js
-|.gitignore
-|package.json
-|package-lock.json
dentro de mi archivo index.js los archivos estaticos los manejo de la siguiente manera:
app.use(express.static(path.join(__dirname, 'public')));
y el package.json esta de la siguiente manera:
{
"name": "fundacion-aip",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "node src/index.js",
"dev": "nodemon src/index"
},
"dependencies": {
"bcryptjs": "^2.4.3",
"connect-flash": "^0.1.1",
"express": "^4.17.1",
"express-handlebars": "^3.1.0",
"express-mysql-session": "^2.1.0",
"express-session": "^1.16.2",
"express-validator": "^6.2.0",
"moment": "^2.24.0",
"morgan": "^1.9.1",
"multer": "^1.4.2",
"mysql": "^2.17.1",
"passport": "^0.4.0",
"passport-local": "^1.0.0",
"pdfkit": "^0.10.0"
},
"devDependencies": {
"nodemon": "^1.19.3"
},
"engines": {
"node": "10.16.3",
"npm": "6.9.0"
}
}
al momento de hacer el deploy e ingresar al navegador no me cargan los estilos y me aparece el siguiente error:
Refused to apply style from 'http://aip-cloud.herokuapp.com/css/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
he buscado todas las posibles soluciones pero ninguna me funciona que creen que pueda estar fallando al momento del deploy o que me falta configurar para que funcione en heroku. Muchas gracias por la ayuda.