windows ng serve在新创建的angular项目上给出错误

hec6srdp 于 7个月前发布在 Windows

关注(0)|答案(2)|浏览(77)

在我的Windows 11机器上，我已经安装了nodejs和Angular。用ng new命令创建了一个项目，然后试图用ng serve运行它。它给了我以下错误

c:\working\projects\xxxxxxx\xxxxxx-site>ng serve
Error: Schema validation failed with the following errors:
  Data path "" must have required property 'browserTarget'. 
Ensure the file is part of the TypeScript program via the 'files' or 'include' property.

字符串

我在ng new命令后没有编辑任何文件，是否遗漏了任何步骤？

Angular CLI: 17.0.0
Node: 18.17.1
Package Manager: npm 9.6.7
OS: win32 x64

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

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1700.0
@angular-devkit/build-angular   17.0.0
@angular-devkit/core            17.0.0
@angular-devkit/schematics      17.0.0
@angular/cli                    17.0.0
@schematics/angular             17.0.0
rxjs                            7.8.1
typescript                      5.2.2
zone.js                         0.14.2

型
我在angular.js上的发球设置

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "SmartTrader:build"
          },
          "configurations": {
            "production": {
              "buildTarget": "SmartTrader:build:production"
            },
            "development": {
              "buildTarget": "SmartTrader:build:development"
            }
          },
          "defaultConfiguration": "development"
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "buildTarget": "SmartTrader:build"
          }
        },

型
我看着https://angular.io/guide/setup-local我的印象，我没有编辑任何文件后，做ng新运行ng服务

windows

来源：https://stackoverflow.com/questions/77479105/ng-serve-giving-error-on-newly-created-angular-project

2条答案

按热度按时间

bksxznpy1#

问题可能来自项目中的angular.json，来自angular.json的“serve：configurations”部分。
browserTarget可以帮助您确定构建配置的目标，无论是开发、生产还是登台
因此，请转到angular.json，确保“serve：configuration”可用

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "your-project-name:build"
  },
  "configurations": {
    "development": {
      "browserTarget": "your-project-name:build:development"
    },
    "production": {
      "browserTarget": "your-project-name:build:production"
    },
    "staging": {
      "browserTarget": "your-project-name:build:staging"
    }
  }
},

字符串
定位Angular 链接以获得更多清晰度https://angular.io/guide/build#configure-target-specific-file-replacements

赞(0）回复(0）举报 7个月前

50pmv0ei2#

我遇到了完全相同的问题。运行ng版本，看到@angular-devkit/build-angular在版本16上运行。

Angular CLI: 17.0.0
Node: 18.17.1
Package Manager: npm 9.6.7
OS: win32 x64

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

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1700.0
@angular-devkit/build-angular   16.2.10
@angular-devkit/schematics      17.0.0
@angular/cdk                    17.0.0
@angular/cli                    17.0.0
@angular/material               17.0.0
@schematics/angular             17.0.0
rxjs                            7.8.1
typescript                      5.2.2

字符串
在控制台中运行ng update @angular-devkit/email protected(https://stackoverflow.com/cdn-cgi/l/email-protection)解决了我的问题。

赞(0）回复(0）举报 7个月前

我来回答

windows ng serve在新创建的angular项目上给出错误

我在ng new命令后没有编辑任何文件，是否遗漏了任何步骤？

2条答案

相关问题

热门标签

最新问答