---
tags: Angular
description: Angular常見問題
---
# Angular常見問題

## ng serve啟用時port的問題
使用`ng serve`時，發現到port 4200被占用

處理方式
1. 修改預設檔案，在`angular.json`內，找尋`serve`在`options`內加入`port`

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "DatingApp-SPA:build",
    "port": 1234
  }
}

2. 在啟動的命令加上參數`--port=1234`，例如`ng serve --port=1234`

## TS常見錯誤
錯誤資訊

修改VS Code設定，檔案 => 喜好設定 => 設定

選擇工作區，上方輸入experimentalDecorators，並按下打勾符號

錯誤消失

## AlertifyJs導入後，啟用ng serve的錯誤訊息
使用`ng serve`發現有錯誤訊息

在`angular.json`內加入，錯誤訊息就可以修正

"build": {
  "builder": "@angular-devkit/build-angular:browser",
  "options": {
    "allowedCommonJsDependencies": [
      "alertifyjs"
    ]     
  }
}

## 安裝sweetalet2報錯
執行`ng serve`後，又安裝sweetalet2的情況下，會發生此問題

需要先停止`ng serve`，再次執行即可