React Native-Storybook-Haul-端口冲突

本机环境：

win10

android studio 模拟器

"react": "16.0.0-alpha.12",

"react-native": "0.48.1",

"haul": "^1.0.0-beta.10",

"@storybook/react-native": "^3.2.16",

问题复现

错误原文：

ERROR: Packager can't listen on port 8081

按照RN环境教程 配置完环境后，为项目安装两个常用的工具（具体这两个是什么，请参照他们的Github）

1、storybook

https://github.com/storybooks/storybook

2、haul

https://github.com/callstack/haul

正常情况下分别启动这两个工具后，再启动你的RN项目就可以跑起来（在真机或者模拟器上）。但是当我启动完 storybook 后，启动 haul 的时候，命令行报错 8081 端口已占用。原因是 storybook 启动后，RN的命令行工具 react-native-cli 将 webServer 部署到了 8081。

解决办法

更改 RN 的 WebServer 即可。

在 react-native/local-cli/server/server.js 文件中搜索 “8081”，更改端口为其他。

感谢歪果网友的帮助

https://stackoverflow.com/questions/34431052/react-native-change-listening-port

写在最后

如果你为了方便，将许多工具的启动命令，在 npm 的 package.json 文件中集成到了一条 script 语句中，很有可能命令行不报错，但是项目启动失败（我就是遇到了红屏错误，报的错大概是：component 的 export 或 import出现错误，you may have forgotten to export your component 巴拉巴拉。在确定写的代码没有错误后。最后我将多条 script 分开执行后，才找到的这个端口冲突错误）。