简体   繁体   English

SecurityError:在heroku 中部署react.js 应用程序时无法构建“WebSocket”

[英]SecurityError: Failed to construct 'WebSocket' when deploying a react.js app in heroku

I created a simple react.js app (bootstrap with create-react-app) only with chart.js graphs.我仅使用 chart.js 图形创建了一个简单的 react.js 应用程序(使用 create-react-app 的引导程序)。 Everything works fine in local host.在本地主机上一切正常。 Today, I tried to deploy in production via Heroku.今天,我尝试通过 Heroku 部署到生产环境中。

This is the error I'm getting (full version in screenshot) :这是我收到的错误(屏幕截图中的完整版本):

SecurityError: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS. SecurityError:无法构建“WebSocket”:可能无法从通过 HTTPS 加载的页面启动不安全的 WebSocket 连接。

I've seen that it's a common error that may be solved by changing protocol line in react-util-devs : issue link我已经看到这是一个常见的错误,可以通过更改 react-util-devs 中的协议行来解决: 问题链接

That is to say, in my node_modules/react-dev-utils/webpackHotDevClient.js file, I changed line 62 with :也就是说,在我的node_modules/react-dev-utils/webpackHotDevClient.js文件中,我将第 62 行更改为:

protocol: window.location.protocol === 'https:' ? 'wss' : 'ws',

I tried to deploy again, but keeps having the same error...我尝试再次部署,但一直出现相同的错误... 在此处输入图片说明

我有同样的问题,我认为发生的事情是当你推送到 heroku 时,node_modules 没有被更新,你只更新了你的本地版本,但这正是我的想法......有人找到了解决方案为了这?

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 SecurityError:无法构建'WebSocket,当我在heroku服务器中上传react js应用程序时,本地所有文件都运行良好 - SecurityError: Failed to construct 'WebSocket, when I upload react js application in heroku server, Local all file are running fine 部署react.js应用 - Deploying react.js app Heroku - 部署 React/Express 应用程序并在请求 chunk.js 文件时在控制台中获取“无法加载资源” - Heroku - Deploying React/Express app and getting 'Failed to load resource' in the console when requesting the chunk.js files 部署 Node.js/React 应用程序时 Heroku 构建失败 - Heroku build failure when deploying Node.js/React app 将 Hello World react js 应用程序部署到 Heroku - Deploying Hello World react js app on to Heroku Heroku 应用程序仅适用于 Chrome 桌面 // React.Js 应用程序 - Heroku app only works on Chrome Desktop // React.Js Application React.JS 将 websocket 值更新为对象 - React.JS update a websocket value into an object 当应用程序托管在 Heroku (Node.js) 上时,无法连接到 Websocket - Cant connect to Websocket when app is hosted on Heroku (Node.js) 自定义 React 应用程序 - 部署到 Heroku 时获取 API 错误 - Custom React App - Fetch API error when deploying to Heroku 将 Django-React 应用程序部署到 Heroku 时出错 - Error when deploying Django-React app to Heroku
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM