运行"ng Serve"时出现以下错误:

./node_modules/@angular/common/fesm2022/common.mjs-错误:模块构建失败(从./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): 类型错误:C:\Users\sheil\Desktop\Temp\angular-tut\node_modules@angular\common\fesm2022\common.mjs:无法读取未定义的属性(正在读取‘FILE’)

./node_modules/@angular/platform-browser/fesm2022/platform-browser.mjs-错误:模块构建失败(从./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): 类型错误:C:\Users\sheil\Desktop\Temp\angular-tut\node_modules@angular\platform-browser\fesm2022\platform-browser.mjs:无法读取未定义的属性(正在读取‘FILE’)

./node_modules/@angular/router/fesm2022/router.mjs-错误:模块构建失败(从./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): 类型错误:C:\Users\sheil\Desktop\Temp\angular-tut\node_modules@angular\router\fesm2022\router.mjs:无法读取未定义的属性(正在读取‘FILE’)

**ANGLE Live Development Server正在监听本地主机:4200,在http://localhost:4200/上打开浏览器**

×编译失败.

我的Package.json:

{
  "name": "angular-tut",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^16.1.0",
    "@angular/common": "^16.1.0",
    "@angular/compiler": "^16.1.0",
    "@angular/core": "^16.1.0",
    "@angular/forms": "^16.1.0",
    "@angular/platform-browser": "^16.1.0",
    "@angular/platform-browser-dynamic": "^16.1.0",
    "@angular/router": "^16.1.0",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.13.0"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^16.1.3",
    "@angular/cli": "~16.1.3",
    "@angular/compiler-cli": "^16.1.0",
    "@types/jasmine": "~4.3.0",
    "jasmine-core": "~4.6.0",
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.2.0",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.1.0",
    "typescript": "~5.1.3"
  }
}

推荐答案

这是known issue@babel/traverse的关系.

The temporary workaround is to override the dependency in `package.json` :
"overrides": {
    "@babel/traverse": "7.22.6"
},
A fix is being worked on by the babel team, the issue can be [tracked here][2].

编辑: babel 7.22.8已经出版了.删除您的package-lock并进行全新安装!

Angular相关问答推荐

Angular独立组件(使用LoadComponents)-懒惰加载服务不工作

无法执行客户端功能Angular 17与ssr'

Angular 空变量使用组件之间的共享服务

更改图表上的光标以进行zoom

为什么在回调完成之前,可观察对象会返回?

更改动态表单控制Angular 的值

具有多个输入的Angular struct 指令在第一次加载构件时没有值

使用BLOB数据类型时,HTTPCLIENT中可能存在错误

Angular APP_INITIALIZER 中的 MSAL 身份验证

手动关闭 SSE 连接:Angular

ng 生成组件不会创建 ngOnInit 和构造函数

Angular14:支持旧版浏览器的官方方式是什么?

您如何链接需要多个先前可观察对象的依赖订阅

Renderer2.appendChild 没有按预期工作?

不再需要 core-js 了吗?

如何在Angular Material2中获取活动选项卡

Angular 没有可用于依赖类型的模块工厂:ContextElementDependency

更改 Select 选项时获取当前值

无法绑定到matDatepicker,因为它不是 input的已知属性

来自 chokidar (C:\) 的错误:错误:EBUSY:资源繁忙或锁定,lstat 'C:\DumpStack.log.tmp