news 2026/6/7 20:24:30

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
新版 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
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/3 23:34:09

【开题答辩全过程】以 基于Spring Boot的化妆品销售系统的设计与实现为例,包含答辩的问题和答案

个人简介一名14年经验的资深毕设内行人,语言擅长Java、php、微信小程序、Python、Golang、安卓Android等开发项目包括大数据、深度学习、网站、小程序、安卓、算法。平常会做一些项目定制化开发、代码讲解、答辩教学、文档编写、也懂一些降重方面的技巧。感谢大家的…

作者头像 李华
网站建设 2026/5/29 17:19:17

SPI通信协议详解:从基础概念到硬件配置与编程实现

一、SPI概念SPI(Serial Peripheral Interface,串行外设接口)是一种同步、全双工、高速的串行通信总线协议,广泛用于微控制器(MCU)与各种外围设备(如传感器、存储器、显示屏、ADC/DAC 等&#xf…

作者头像 李华
网站建设 2026/6/3 22:50:56

Python pymodbus模块详解

好的,我们来详细讲解一下 Python 的 pymodbus 模块。概述pymodbus 是一个用纯 Python 实现的 Modbus 协议栈。Modbus 是一种广泛应用于工业自动化领域的串行通信协议,常用于连接 PLC(可编程逻辑控制器)、传感器、仪表等设备。pymo…

作者头像 李华
网站建设 2026/5/31 2:10:45

day70(1.29)——leetcode面试经典150

210. 课程表 II 210. 课程表Ⅱ 这题跟之前那题一样!!! 题目: 题解: class Solution {public int[] findOrder(int numCourses, int[][] prerequisites) {//创建记录先修课程int[] pres new int[numCourses];//创建…

作者头像 李华