如何解决Visual Studio运行独立TypeScript Angular项目的MODULE_NOT_FOUND错误

最初触发的MODULE_NOT_FOUND错误，核心原因是Angular开发服务器因4200端口被占用无法正常启动，导致后续模块加载失败。结合你提供的信息，可按以下步骤解决：

1. 释放被占用的4200端口 #

• 打开CMD或PowerShell，执行命令查询端口占用进程：

  netstat -ano | findstr :4200
  

  输出结果中最后一列的数字就是占用端口的进程PID。
• 执行命令终止该进程：

  taskkill /F /PID <替换为查询到的PID>
  

2. 更换Angular启动端口（可选） #

如果不想终止占用4200端口的进程，可修改Angular默认启动端口：

• 临时启动：在项目根目录执行命令，指定新端口（比如4201）：

  ng serve --port 4201
  

• 永久配置：打开项目根目录的angular.json，找到projects -> [你的项目名称] -> architect -> serve -> options节点，添加端口配置：

  "options": {
    "port": 4201,
    // 其他原有配置...
  }
  

3. 更新launch.json端口配置 #

将launch.json中的url字段端口改为新的端口（比如4201），修改后内容如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "edge",
      "request": "launch",
      "name": "localhost (Edge)",
      "url": "http://localhost:4201",
      "webRoot": "${workspaceFolder}"
    },
    {
      "type": "chrome",
      "request": "launch",
      "name": "localhost (Chrome)",
      "url": "http://localhost:4201",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

4. 额外排查步骤 #

• 验证Node.js环境：执行node -v和npm -v，确认能正常输出版本号，确保环境变量配置正确。
• 重装项目依赖：删除项目根目录的node_modules文件夹和package-lock.json文件，执行npm install重新安装依赖。

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