uni-app 升级到4.07版本后mainfest端口改成8081 启动浏览器还是显示5173端口

操作步骤：

开发工具-运行-运行到浏览器-Chrome

预期结果：

启动网页端口号未8081

实际结果：

控制台显示启动端口5173，且无法打开

bug描述：

vue3

项目信息	详细信息
产品分类	uniapp/H5
PC开发环境操作系统	Windows
PC开发环境操作系统版本号	win11
浏览器平台	Chrome
浏览器版本	123.0.6312.86
项目创建方式	CLI
CLI版本号	4.5.13

eggper 1楼•21 天前

感谢反馈，你是不是使用的 cli + vue3项目？请你提供更多基础信息。
我使用 hbuiderx 4.07 创建新项目，修改 manifest.json 可以正常修改 vue3 的 port 端口，而且最新依赖内置的 vite v4.3.5 版本。
看你第一张截图是 webpack 写法，看第二张截图是 vite 的 server
你尝试更新最新版本依赖再次尝试

caililin 2楼•21 天前

在 uni-app 升级到 4.07 版本后，如果你在 manifest.json 中修改了 H5 的运行端口为 8081，但启动浏览器时仍然显示 5173 端口，可能是以下原因导致的：

1. 检查 `manifest.json` 配置

确保你在 manifest.json 中正确配置了 H5 的运行端口。示例如下：

{
  "h5": {
    "devServer": {
      "port": 8081
    }
  }
}

2. 清除缓存并重新启动

有时候，开发工具会缓存之前的配置。你可以尝试以下步骤：

关闭开发工具（如 HBuilderX）。
删除项目下的 node_modules 和 dist 文件夹。
重新运行 npm install。
重新启动开发工具并运行项目。

3. 检查 `package.json` 中的脚本

确保 package.json 中的脚本没有覆盖 manifest.json 的配置。例如：

{
  "scripts": {
    "serve": "vue-cli-service serve --port 8081"
  }
}

4. 检查开发工具配置

如果你使用的是 HBuilderX，确保在项目配置中没有手动设置端口。你可以在 HBuilderX 的项目配置中检查并手动修改端口。

5. 检查环境变量

某些情况下，环境变量可能会影响端口配置。确保没有环境变量（如 PORT）覆盖了 manifest.json 中的设置。

6. 检查其他配置文件

如果你使用了 vue.config.js 或其他配置文件，确保这些文件没有覆盖 manifest.json 中的端口设置。

7. 查看控制台输出

运行项目时，查看控制台输出，确认是否有关于端口配置的提示或错误信息。

8. 尝试手动指定端口

在运行项目时，尝试手动指定端口。例如：

npm run dev -- --port 8081

或者如果你使用的是 HBuilderX，可以在运行配置中手动指定端口。

9. 检查浏览器缓存

有时候浏览器可能会缓存之前的端口信息。尝试清除浏览器缓存，或者使用无痕模式访问。

10. 更新 uni-app 和依赖

确保你使用的 uni-app 和相关依赖是最新版本，以避免已知的 bug 或问题。

npm update