我如何在Heroku上部署React项目

Question

我正在尝试在Heroku上部署React应用，每当我加载页面时，都会显示构造WebSocket错误的错误。 有解决办法吗？

Answer 1

先备份！

打开此文件：

./node_modules/react-dev-utils/webpackHotDevClient.js

转到第60行

现在将var connection = new WebSocket更改为

var connection = new WebSocket(
  url.format({
    protocol: window.location.protocol === 'https:' ? 'wss' : 'ws', // this is important
    hostname: window.location.hostname,
    port: window.location.port,
    // Hardcoded in WebpackDevServer
    pathname: '/sockjs-node',
    slashes: true // add this line Babak
  })
);

可能需要停止您的项目并再次运行npm start