请问http://localhost:3000和obsidian是有什么冲突吗？

Question

打开obsidian，网页就显示“Open Presentation Preview in Obsidian first!”。关掉obsidian之后就正常显示内容了。

Answer 1

引自免费微信小程序：皆我百晓生

遇到在本地运行React应用时，访问http://localhost:3000出现与Obsidian相关的提示信息，这通常意味着两个程序试图在同一端口（这里是3000）上监听，造成了冲突。解决这一问题有几种策略：

1. 更改React应用的端口号

在开发环境中，React应用默认在localhost:3000上运行。你可以通过修改启动命令来更改这个端口号。例如，如果你想将端口改为3001，可以这样做：

使用create-react-app脚手架的情况：

• 在项目根目录下找到package.json文件。
• 修改scripts部分的start命令，添加--port=3001参数：

  "scripts": {
    "start": "react-scripts start --port=3001",
    ...
  }
  

不使用create-react-app的情况：

对于手动配置的项目，你可能需要在启动服务器的代码中修改端口号。例如，在使用Express作为后端服务器时，可以在app.js或类似文件中修改如下代码：

const port = process.env.PORT || 3001;
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

2. 关闭或重新配置Obsidian插件

如果问题是由某个Obsidian插件引起的，尝试关闭或重新配置它。具体步骤取决于你使用的插件类型。大多数情况下，你可以在Obsidian的设置中找到相关插件的选项，禁用或调整其端口设置。

3. 查找并结束占用端口的进程

如果不知道哪个应用程序占用了特定端口，可以使用命令行工具查找并结束相关进程。在Windows上，可以使用netstat命令查看端口使用情况：

netstat -ano | findstr :3000

在macOS或Linux上，使用lsof或ss命令：

lsof -i :3000

或

sudo ss -tnlp | grep :3000

得到PID后，使用以下命令结束进程：

taskkill /F /PID [PID]   // Windows
kill [PID]               // macOS/Linux

总结

通过上述方法之一，你应该能解决http://localhost:3000被Obsidian或其他应用占用的问题。确保每次修改后重启相关服务，以便更改生效。如果问题持续存在，检查是否有其他服务也在使用相同端口，或考虑进一步排查网络设置和防火墙规则。