ng serve ---Mg:server基本错误

简介

在使用 ng serve 命令启动 Angular 应用时，有时会遇到一些常见的错误，例如 ---Mg:server 错误。

这篇文章旨在介绍 ng serve ---Mg:server 错误的含义，原因和解决方案，并提供相关的代码示例。

含义

ng serve ---Mg:server 错误通常是指在启动 Angular 应用时，出现无法启动开发服务器的情况。

原因

ng serve ---Mg:server 错误可能由多种原因引起，如以下几点：

• 端口已被占用
• 代理配置错误
• 服务器配置错误

解决方案

1.检查端口是否被占用

首先，需要检查当前使用的端口是否已被占用。可以通过以下命令查看当前端口占用情况：

lsof -i :4200

如果显示出如下信息，则说明 4200 端口已被占用：

COMMAND  PID USER   FD   TYPE DEVICE SIZE/OFF NODE NAME
node    1234  mac   12u  IPv6  34567      0t0  TCP *:4200 (LISTEN)

此时需要使用以下命令杀掉已占用的进程：

kill -9 1234

接下来再次运行 ng serve 命令即可。

2.检查代理配置

如果代理配置错误，也可能会导致 ng serve ---Mg:server 错误。需要检查项目根目录下的 angular.json 文件，查看 proxyConfig 配置是否正确。

正确的配置示例：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "server": {
    "port": 4200,
    "host": "localhost"
  },
  "projects": {
    "my-app": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "architect": {
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "my-app:build",
            "proxyConfig": "./proxy.conf.json"
          },
          "configurations": {
            "production": {
              "browserTarget": "my-app:build:production"
            }
          }
        }
      }
    }
  }
}

3.检查服务器配置

如果服务器配置错误，也可能会导致 ng serve ---Mg:server 错误。需要检查项目根目录下的 proxy.conf.json 文件，查看是否配置正确。

正确的配置示例：

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false
  }
}

结论

如果遇到 ng serve ---Mg:server 错误，首先需要检查端口是否被占用，然后检查代理和服务器配置是否正确。通过上述解决方案，可以快速解决 ng serve ---Mg:server 错误。