如何使用 CRACO 在自定义端口上启动 React 应用程序？

Question

6

我想在我的React应用中使用Tailwind CSS，但问题是CRACO start会在默认端口（即3000）上启动应用程序，我想使用自定义端口，但我无法确定正确的方法。(在他们的文档中找不到关于这个的任何信息)

我尝试了一些类似于在package.json文件的scripts字段中写入PORT=5000 CRACO start的代码，但并没有成功。有什么建议吗？

- DIIMIIM

2个回答

4

CRACO使用webpack devserver配置来设置端口。

你需要创建一个配置文件。在readme中可以找到更多信息：

因此，您的解决方案需要重新定义devServer。如何定义，请参阅webpack文档：

- Sysix

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kildareflare · Accepted Answer

接受的答案包含相关信息的链接，但是如果它们失效或者你太懒了不想查看，这里是你需要添加到craco.config.js文件中的配置。

module.exports = {
  devServer: {
    port: 5000
  }
}

请确认devServer是配置中的顶级属性。