ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

新版 Angular 默认不会生成 serve.options,端口需要自己加,如何操作

新版 Angular 默认不会生成 serve.options,端口需要自己加,如何操作

现在的结构是:

"serve":{"builder":"@angular/build:dev-server","configurations":{"production":{"buildTarget":"portal-scheduling:build:production"},"development":{"buildTarget":"portal-scheduling:build:development"}},"defaultConfiguration":"development"}

你只需要在 serve 下面,加一个 options

标准写法(推荐,永久生效)

"serve":{"builder":"@angular/build:dev-server","options":{"port":4300,"host":"localhost"},"configurations":{"production":{"buildTarget":"portal-scheduling:build:production"},"development":{"buildTarget":"portal-scheduling:build:development"}},"defaultConfiguration":"development"}

保存后直接运行:

ng serve

什么你“找不到端口配置”(这是关键认知)

老 Angular(≤15)

serve:{options:{port:4200}}

新 Angular(16 / 17 / 18)

  • CLI 使用新的 @angular/build:dev-server

  • 不会自动生成 options.port, 但 仍然完全支持 port

所以你现在看到的是:

“没写 ≠ 不能写”

如果你想区分 dev / prod 端口(可选进阶)

"serve":{"builder":"@angular/build:dev-server","configurations":{"development":{"buildTarget":"portal-scheduling:build:development","port":4300},"production":{"buildTarget":"portal-scheduling:build:production","port":4400}},"defaultConfiguration":"development"}

然后:

ng serve #4300ng serve-c production #4400
返回列表