摘要

Vite 开发服务器默认端口在 package.json 的 dev 脚本中声明。项目使用 ES module（type module），新增 Node 侧脚本时需保持扩展名与 import 语法一致。

关键词

Vite;ESM;开发服务器

扩展阅读与维护提示

本篇围绕「本地开发环境、端口与模块类型」组织材料。仓库内与主题最直接相关的检索词包括：Vite、ESM、开发服务器。建议在阅读正文所列片段后，用 IDE 全局搜索这些符号，沿 import 与调用栈向上追问「谁在什么时机调用」，而不是只记住单文件路径。

摘要所概括的要点为：Vite 开发服务器默认端口在 package.json 的 dev 脚本中声明。项目使用 ES module（type module），新增 Node 侧脚本时需保持扩展名与 import 语法一致。落地到排障时，可把现象粗分为三类交叉验证：配置是否按预期写入持久化介质；WPS COM 上下文是否可用（例如是否缺少 ActiveDocument）；以及网络与证书策略是否拦截了 fetch。本篇涉及的模块通常只覆盖其中一两类，需要与相邻篇目拼成完整拼图。

教程文件名「03-kaihuan-huanjing-yu-bendi-tiaoshi.md」仅用于导航与排序，不等价于源码模块名。若正文中的行号与本地分支不一致，多半因合并导致行偏移，此时应以函数名、导出名为锚重新检索；团队若维护了生成脚本，可在变更大段源码后重新运行以保持摘录大致对齐。

本文刻意避免对产品能力做营销式承诺：所述行为均以当前仓库可见实现为准。若组织策略要求离线或内网模型，应在网关、证书与代理层收口，而不是假设加载项能绕过浏览器安全模型。

若你同时阅读 docs/chayuan-llm-chain-series，可先对照其中的总体链路图理解「请求从 UI 到 chatApi」的次序，再回到本教程看数据结构、默认值与修改风险面；两者互补，不重复堆砌功能列表。

正文

1. dev 端口

3889 端口用于避免与常见 5173 冲突；若端口占用，可在本地临时修改脚本或改用环境变量方式启动（需自行在 vite 配置中接线）。

阅读源码摘录时，请把它当作「定位入口」而非完整实现：同一函数可能在其他分支还有早退条件或 try/catch。修改默认行为前，建议用最小文档手工走一遍相关助手或对话框，并观察任务清单与日志中的字段是否与预期一致，再决定是否做数据迁移或配置重置。

// package.json 第7-10行
	"scripts": {
		"dev": "vite --port 3889",
		"build": "vite build",
		"preview": "vite preview",

2. 模块类型

type 为 module 时，CommonJS 的 require 不会默认可用；仓库内工具脚本统一使用 import。

阅读源码摘录时，请把它当作「定位入口」而非完整实现：同一函数可能在其他分支还有早退条件或 try/catch。修改默认行为前，建议用最小文档手工走一遍相关助手或对话框，并观察任务清单与日志中的字段是否与预期一致，再决定是否做数据迁移或配置重置。

// package.json 第5-7行
	"private": true,
	"type": "module",
	"scripts": {