使用ionic serve命令无法运行Ionic 6 Angular应用，报未知参数错误

问题原因 #

该错误源于Ionic CLI传递的--host和--port参数格式与项目依赖的Angular CLI版本不兼容，Angular 16+对serve命令的参数规则进行了调整，导致旧参数无法被识别。

解决方案 #

1. 调整ionic serve命令参数 #

直接使用Ionic CLI的原生参数格式启动服务，无需传递Angular风格的参数：

ionic serve --port 8100 --host localhost

如果不需要自定义端口和主机，直接运行默认命令即可：

ionic serve

Ionic会自动使用localhost:8100作为默认地址启动服务。

2. 修改Angular配置文件 #

在项目根目录的angular.json中，找到projects -> app -> architect -> serve -> options节点，添加或配置host和port：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "app:build",
    "host": "localhost",
    "port": 8100
  }
}

保存配置后，直接执行ionic serve即可，无需额外传参。

3. 匹配Ionic 6兼容的Angular版本 #

Ionic 6官方推荐搭配Angular 12~15版本使用，若当前Angular版本过高（如16+），可降级到兼容版本：

• 查看当前Angular版本：

ng version

• 降级Angular CLI及相关核心依赖：

npm install @angular/cli@15.2.10 --save-dev
npm install @angular/core@15.2.10 @angular/common@15.2.10 --save

验证成功 #

当服务启动后，终端会输出类似以下内容，说明Ionic 6环境正常，应用已成功运行：

Local: http://localhost:8100
Lab: http://localhost:8100/ionic-lab

内容的提问来源于stack exchange，提问作者phyulwin