npm Angular project ng serve失败,在worker示例上发出“error”事件

ggazkfy8  于 5个月前  发布在  Angular
关注(0)|答案(1)|浏览(64)

Problem Solved - Update:原来是我的css代码中的错误:
之前

.title & .smaller {
  color: $dark-blue;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 600;
  width: fit-content;
  margin: 0;
  padding: 0;
}

字符串

.title {
  width: fit-content;
  & .smaller {
    color: $dark-blue;
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0;
  }
}

原始问题

从昨天开始,我的ng serve停止工作了。我在angular 16.2上开始了这个项目,突然ng serve不再工作了。我试着更新所有东西,Angular 16.2->17,Node 20.4->20.10,@angular-devkit 16.2->17。我不知道为什么ng serve失败了。
这是因为我的代码中的错误还是版本兼容性问题?

错误信息

$ ng serve
⠇ Generating browser application bundles (phase: building)...
node:internal/event_target:1088
  process.nextTick(() => { throw err; });
                           ^
TypeError [Error]: Cannot read properties of undefined (reading 'column')
    at convertSourceSpan (C:\Users\LiamSimons\VUB\pixiu_frontend\pixiu_frontend\node_modules\@angular-devkit\build-angular\src\tools\sass\worker.js:153:30)
    at MessagePort.<anonymous> (C:\Users\LiamSimons\VUB\pixiu_frontend\pixiu_frontend\node_modules\@angular-devkit\build-angular\src\tools\sass\worker.js:118:27)
    at [nodejs.internal.kHybridDispatch] (node:internal/event_target:814:20)
    at exports.emitMessage (node:internal/per_context/messageport:23:28)
Emitted 'error' event on Worker instance at:
    at [kOnErrorMessage] (node:internal/worker:326:10)
    at [kOnMessage] (node:internal/worker:337:37)
    at MessagePort.<anonymous> (node:internal/worker:232:57)
    at [nodejs.internal.kHybridDispatch] (node:internal/event_target:814:20)
    at exports.emitMessage (node:internal/per_context/messageport:23:28)

Node.js v20.10.0

Ng版本

Angular CLI: 17.0.7
Node: 20.10.0
Package Manager: npm 9.8.1
OS: win32 x64

Angular: 17.0.7
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1700.7
@angular-devkit/build-angular   17.0.7
@angular-devkit/core            17.0.7
@angular-devkit/schematics      17.0.7
@angular/cdk                    17.0.4
@angular/material               17.0.4
@schematics/angular             17.0.7
rxjs                            7.8.1
typescript                      5.2.2
zone.js                         0.14.2

Package.json

{
  "name": "pixiu-frontend",
  "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": "^17.0.7",
    "@angular/cdk": "^17.0.4",
    "@angular/common": "^17.0.7",
    "@angular/compiler": "^17.0.7",
    "@angular/core": "^17.0.7",
    "@angular/forms": "^17.0.7",
    "@angular/material": "^17.0.4",
    "@angular/platform-browser": "^17.0.7",
    "@angular/platform-browser-dynamic": "^17.0.7",
    "@angular/router": "^17.0.7",
    "rxjs": "~7.8.0",
    "tslib": "^2.6.2",
    "zone.js": "~0.14.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^17.0.7",
    "@angular/cli": "~17.0.7",
    "@angular/compiler-cli": "^17.0.7",
    "@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.2.2"
  }
}

lyr7nygr

lyr7nygr1#

我认为这个错误与你的代码有关,而不是Angular版本,注意你的代码中的一个变量有一个未定义的值。

相关问题