Estoy tratando de implementar un sitio web que he creado con bootstrap y sass en netlify a través de Github.

Usé npm para instalar sass y bootstrap .

La página funciona bien en mi máquina local. Cuando lo implemento, todo parece funcionar excepto el javascript del menú móvil. Parece que el javascript de bootstrap no funciona. Creé un .gitignore para la carpeta node_modules.

Una vez que se implementa el sitio, aparece un error en la consola "Error al cargar el recurso: el servidor respondió con un estado de 404 ()" y el javascript no funciona. He intentado enviar la carpeta node_modules al repositorio de GitHub aunque he leído que es una mala práctica, pero tampoco funcionó.

Cuando descargo el archivo de implementación de netlify, veo que la carpeta node_modules no está allí.

¿Tal vez necesito sacar la carpeta bootstrap js de la carpeta node_modules? Pero, ¿cuál es el punto de usar npm para instalar bootstrap si ese es el caso?

Aquí está mi archivo package.json:

 { "name": "snap-website-project", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "sass": "^1.52.1" }, "dependencies": { "bootstrap": "^5.1.3" } }

EDITAR:

Solucioné el problema agregando la etiqueta de secuencia de comandos CDN a mi archivo HTML. Creo que el problema fue que estaba vinculando a bootstrap.js dentro de la carpeta node_modules. Quizás descargar los archivos fuente e incluirlos como carpetas en el proyecto también lo resolvería.

Todavía tengo curiosidad acerca de este comportamiento. Pensé que una vez implementado, el servidor ejecuta npm install para obtener todas las dependencias (bootstrap en este caso)