Se produjo una excepción no controlada:
ENOENT: no such file or directory, lstat '/Users/Desktop/node_modules' See "/private/var/folders/3p/l_k1wk8n76v3cfwnxk0blx000000gn/T/ng- DF5EZ7/angular-errors.log" for further details.
Cada vez que estoy haciendo ng serve
, ocurre este error. ¿Alguien puede decirme cuál es la causa del error? atrapado en esto desde largas horas.
Tuve el mismo error cuando intenté instalar una versión anterior de bootstrap y la mencioné en el archivo angular.json
. Mientras tanto, el paquete nunca se instaló porque ya no existe. Verifique el nuevo comando para instalar un paquete en particular y después de hacer npm i <package-name> check in node_modules
si está allí.
Y también, cambié mi ruta de arranque de
../node_modules/bootstrap/dist/css/bootstrap.css
para
node_modules/bootstrap/dist/css/bootstrap.css
Tuve este problema, era solo:
Funciona con "estilos": [ "node_modules/bootstrap/dist/css/bootstrap.min.css"
No funciona "estilos": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css"
Así que para resumir cuál es la causa del problema. Es que node_modules no se lee bien desde el archivo angular.json
Debe verificar con la ruta de arranque en angular.json dentro del arquitecto y luego estilos
En mi caso, eliminé "../node_modules/bootstrap/dist/css/bootstrap.min.css" de angular.json
Resolver los problemas en angular.json
y luego eliminar package-lock.json
resolvió mi problema.
Mi problema estaba relacionado con un paquete eliminado @angular/material
. Los estilos de Angular.json todavía hacían referencia a ese paquete, eliminé esas líneas. Luego eliminé el package-lock.json
y lo ejecuté.
En mi caso, mi problema fue una falta de ortografía en la URL del directorio dentro de Angular.json. Así que corregí el error y las aplicaciones funcionan perfectamente después.
No funciona: (mal escrito en "node_modules")
"styles": ["./node_moodules/font-awesome/css/font-awesome.css"]
Trabajando:
"styles": ["./node_modules/font-awesome/css/font-awesome.css"]
intente verificar la ruta de su URL en Angular.json, este es probablemente el caso, ¡espero que esto ayude!
Yo tuve el mismo problema. Pero encontré una solución que funciona para mí.
Tratar:
npm install --save arranque
y luego agregue angular.json en "estilos":
"node_modules/bootstrap/dist/css/bootstrap.min.css"
ejecute el proyecto ( mire si está en la carpeta correcta, puede verificarlo escribiendo en el terminal ls y luego debería ver node_modules, src, etc. )
ng servir
Tuve este problema en un proyecto no angular; esto es lo que funcionó para mí:
npm install --package-lock-only
Como dijo @Manuel Villadiego, debe definir su ruta de arranque como se muestra a continuación:
"node_modules/bootstrap/dist/css/bootstrap.min.css"
O
"./node_modules/bootstrap/dist/css/bootstrap.min.css"
Este error ocurrirá cuando inicie la ruta de arranque con ../ ,
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
porque retrocede una carpeta y la carpeta node_modules no existe allí.
Por lo general, sucede cuando
paquete-bloqueo.json
fue creado por otra versión del node js
(estoy usando la última versión de LTS).
Simplemente elimínelo y vuelva a intentarlo, esto está bien.
si: npm install bootstrap luego "./node_modules/bootstrap/dist/css/bootstrap.min.css"
si npm install --save bootstrap entonces "node_modules/bootstrap/dist/css/bootstrap.min.css"
Paso 1) npm install --save bootstrap
Paso 2) y luego agregue angular.json en "estilos": "./node_modules/bootstrap/dist/css/bootstrap.min.css",
Paso 3) ng serve
Problema resuelto
Acabo de tener el mismo problema, eliminé los siguientes de angular.json que acababa de agregar y el problema se resolvió.
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "src/styles/styles.scss", "src/styles/colors.scss"
Estaba enfrentando un error similar:
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\User_Name\Angular\node_modules\bootstrap' See "C:\Users\User_Name\AppData\Local\Temp\ng-MhR1Ls\angular-errors.log" for further details.
Esto se debió a que se agregó esto en la matriz de estilos:
"styles": [ "src/styles.css", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ]
Lo resolvió cambiando la matriz de estilos con
"styles": [ "src/styles.css", "node_modules/bootstrap/dist/css/bootstrap.min.css" ]
Esto puede haber sucedido porque hice otro proyecto angular dentro de la carpeta o directorio principal desde "." denota el directorio de inicio. Esto es solo mi entendimiento y la solución del problema.
Verifique si ha agregado su archivo componente.html actual, es decir, un selector único en su archivo app.component.html
Recientemente comencé mi viaje angular, ¡así que saludos!
Eliminé el archivo de angular.json
y lo agregué a style.css
.
@import '../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css'
Solo haz:
npm install --force
y luego npm audit fix --force