ENOENT:没有这样的文件或目录,lstat '/Users/Desktop/node_modules'。

41

发生了一个未处理的异常:

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.

每当我执行ng serve命令时,出现了这个错误,有人能告诉我是什么原因吗?我已经卡在这里好几个小时了。

你是在项目文件夹的根目录下运行该命令吗? - Daniel B
是的,之前它是可以运行的,但在一段时间后我再次执行了“ng serve”,就出现了这个错误。我不得不创建一个新项目,但即使在新项目中,再次执行“ng serve”仍然会出现相同的错误。为什么会发生这种情况呢? - shristy sinha
如果你的项目可以上传到Github或其他地方,那就最好了,但错误可能仍然存在于package.json文件中。请尝试再次运行npm install。 - Richárd Baldauf
我遇到了那个错误,但是是因为我有一个额外的控制台在运行“ng serve”。 - a52
26个回答

68

我遇到了这个问题,它只是:

  1. 可以工作 "styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css"

  2. 无法工作 "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css"


2
在我的情况下,我卸载了一个模块,但忘记在 angular.json 中删除 CSS 文件。 - Najam Us Saqib

31

当我尝试安装旧版的Bootstrap并将其引用到angular.json文件中时,我遇到了相同的错误。同时,该软件包因不再存在而从未安装成功。检查安装特定软件包的新命令,并在执行npm i <package-name>后检查node_modules是否存在。

另外,我还更改了我的Bootstrap路径为:

../node_modules/bootstrap/dist/css/bootstrap.css

node_modules/bootstrap/dist/css/bootstrap.css

8
安装ngx-bootstrap后,我遇到了这个问题。
> ng add ngx-bootstrap

以下内容添加到angular.json文件中:

"styles": [
 "./dist/ngx-bootstrap/datepicker/bs-datepicker.css",
 "./node_modules/bootstrap/dist/css/bootstrap.min.css",
 "src/styles.css"
]

更改为以下内容,错误得到了修复。

"styles": [
  "node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
]

7
在我的情况下,我的问题是Angular.json文件中的目录URL中有一个拼写错误。因此,我纠正了这个错误,之后应用程序完美地运行了。 未奏效:(在“node_modules”上拼错了)
"styles": ["./node_moodules/font-awesome/css/font-awesome.css"]

工作原理:

"styles": ["./node_modules/font-awesome/css/font-awesome.css"]

尝试检查您在Angular.json中的url路径,这可能是问题的原因,希望这可以帮到您!


3

只需执行以下操作:

npm install --force 然后 npm audit fix --force


3

解决了 angular.json 的问题,然后删除了 package-lock.json,我的问题得到了解决。

我的问题与已删除的包 @angular/material 相关。Angular.json 样式仍然引用了该包,我删除了这些行。然后删除了 package-lock.json 并执行它。


2
我遇到了类似的错误:
 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.

由于在样式数组中添加了此内容,导致出现了这个问题:
    "styles": [
          "src/styles.css",
          "../node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]

通过更改样式数组解决了它

    "styles": [
          "src/styles.css",
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ]

可能是因为我在父文件夹或目录中创建了另一个Angular项目,因为“.”表示主目录。

这只是我的理解和解决问题的方法。

请检查您是否已将当前组件的HTML文件(即唯一选择器)添加到app.component.html文件中

最近开始我的Angular之旅,所以干杯!!


2
我遇到过同样的问题。但是我找到了一个对我有效的解决方案。
尝试执行以下操作:
npm install --save bootstrap 然后在angular.json的"styles"中添加:
"node_modules/bootstrap/dist/css/bootstrap.min.css"
运行项目(在终端中输入ls命令检查是否在正确的文件夹中,你应该看到node_modules、src等文件夹):
ng serve

1
除此之外,没有其他的方法适用于我。 - Jude Okoroafor

2

如果执行:npm install bootstrap,那么路径为"./node_modules/bootstrap/dist/css/bootstrap.min.css"

如果执行:npm install --save bootstrap,那么路径为"node_modules/bootstrap/dist/css/bootstrap.min.css"


1

在安装Bootstrap之后,我的Angular项目也遇到了同样的问题。

我的解决方法是:

在angular.json文件中的styles下添加以下内容:"./node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css"

然后在主style.css文件中进行导入。

@import url('../node_modules/bootstrap/dist/css/bootstrap.min.css');

请确保node_modules的路径正确,

在进行这些更改后,我运行了ng servenpm start Angular应用正在运行


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接