ngserve 命令首先显示错误，最后编译成功

Question

我使用最新的 Angular 版本在我的计算机上本地设置了 Angular 项目，每当我使用 CLI 命令作为 ng 服务运行该项目时，它都会首先以红色显示错误“这是一个用于测试或调试 Angular 应用程序的简单服务器”本地。尚未经过安全问题审查。

不要将其用于生产！”但最后，全部编译成功。

我的问题是，为什么每当我在本地计算机上使用“ngserve”运行我的角度项目时，就会出现此错误。请详细解释一下。是否有任何配置问题？我们是否需要对角度设置进行任何更改以避免将来出现此类错误？

Answer 1

如果您收到以下错误ng serve

您可能错过了文件中的以下配置angular.json：

{
 "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
 .
 .
 .
 "projects": {
    "my-project": {
        .
        .
        .
        "architect": {
            "build": {
                "builder": "@angular-devkit/build-angular:browser",
                "options": {
                      .
                      .
                      .
                 },
                 "configurations": {
                     "production": {
                        .
                        .
                        .
                      },
                      "development": { // add this block
                        "buildOptimizer": false,
                        "optimization": false,
                        "vendorChunk": true,
                        "extractLicenses": false,
                        "sourceMap": true,
                        "namedChunks": true
                      }
                 },
            }
            .
            .
            .
            "serve": {
              "builder": "@angular-devkit/build-angular:dev-server",
              "options": {
                  .
                  .
                  .
              },
              "configurations": {
                "production": {
                  "browserTarget": "my-project:build:production"
                },
                "development": { // add this block
                  "browserTarget": "my-project:build:development"
                }
              },
              "defaultConfiguration": "development" // add this line
            },
            .
            .
            .

在角度 13 上测试。*

Answer 2

你没有做错任何事。这是标准警告。虽然ng serve对于快速测试/调试项目很有用，但出于任何安全和性能原因，您不应该在生产中使用它。

Answer 3

我遇到了同样的问题。我的解决方法是：

转到您的 angular.json 文件

沿着路径project->architect->build->configuration->development->optimization前往false