Skip to content
GitLab
    • Explore Projects Groups Snippets
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • C create-react-app
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 1,547
    • Issues 1,547
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 417
    • Merge requests 417
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Meta
  • create-react-app
  • Merge requests
  • !7444
An error occurred while fetching the assigned milestone of the selected merge_request.

Fix for #6720: HMR not working in Firefox if proxy option present

  • Review changes

  • Download
  • Email patches
  • Plain diff
Administrator requested to merge github/fork/dmile/fix-hmr-for-firefox into master 5 years ago
  • Overview 4
  • Commits 3
  • Pipelines 0
  • Changes 1

Created by: dmile

Original issue: #6720 (closed) Root cause: https://github.com/sockjs/sockjs-client/issues/474#issuecomment-482918785 This is a PR for naive idea how to fix it: https://github.com/facebook/create-react-app/issues/6720#issuecomment-484034646

Approval is optional

Merge details

  • 1 commit and 1 merge commit will be added to master.
  • Source branch will not be deleted.

Activity


  • Administrator requested review from @root 5 years ago

    requested review from @root

  • Administrator requested review from @root 5 years ago

    requested review from @root

  • Administrator requested review from @root 5 years ago

    requested review from @root

  • Administrator requested review from @root 5 years ago

    requested review from @root

  • Administrator requested review from @root 5 years ago

    requested review from @root

  • Administrator added CLA Signed label 5 years ago

    added CLA Signed label

  • Administrator mentioned in merge request !7318 (closed) 5 years ago

    mentioned in merge request !7318 (closed)

  • Administrator mentioned in issue #6720 (closed) 5 years ago

    mentioned in issue #6720 (closed)

  • Administrator assigned to @root 5 years ago

    assigned to @root

  • Administrator added tag: bug fix label 5 years ago

    added tag: bug fix label

  • Administrator changed milestone to %3.1 5 years ago

    changed milestone to %3.1

  • Administrator
    Administrator @root · 5 years ago
    Author Contributor

    Created by: dmile

    Can you provide testing criteria for this please @dmile?

    [Edit] A test repository would actually be ideal.

    Testing is pretty simple, not sure that special repository needed:

    1. Add a proxy field to your package.json, for example: "proxy": "http://localhost:4000"
    2. Run the app in the development mode. Open http://localhost:3000 to view it in the Firefox.

    Errors like:

    • The development server has disconnected ... in browser console
    • Proxy error: Could not proxy request /sockjs-node/947/wwr0adlx/websocket from localhost:3000 to http://localhost:4000 ... in app console (if you make code edits)

    should disappear

  • Administrator
    Administrator @root · 5 years ago
    Author Contributor

    Created by: dmile

    @patilharshal16 For now, there is no way to configure it. This path is more like a constant than variable: https://github.com/facebook/create-react-app/blob/b96ac6c2c007db85812a6e9c0ec54509019c0fea/packages/react-dev-utils/webpackHotDevClient.js#L66-L67 P.S. Webpack has special sockPath option. But I don't know how to pass it to webpackHotDevClient and WebpackDevServerUtils. Any suggestions?

  • Administrator
    Administrator @root · 5 years ago
    Author Contributor

    Created by: dmile

    @iansu

    can I get your thoughts on this?

    @patilharshal16

    the hard-coded path is a good approach?

    I've created a branch with configurable socket path. Based in this http://metis.lti.cs.cmu.edu:8023/facebook/create-react-app/-/merge_requests/6280#issuecomment-494870564. if current bugfix will be approved, I'll create the new PR.

  • Administrator
    Administrator @root · 5 years ago
    Author Contributor

    Merged by: mrmckeb at 2019-08-07 18:02:33 UTC

  • Administrator closed 5 years ago

    closed

  • Administrator mentioned in issue #7420 (closed) 5 years ago

    mentioned in issue #7420 (closed)

Please register or sign in to reply
0 Assignees
None
Assign to
0 Reviewers
None
Request review from
Labels
0
None
0
None
    Assign labels
  • Manage project labels

Milestone
No milestone
None
None
Time tracking
No estimate or time spent
Lock merge request
Unlocked
0
0 participants
Reference:
Source branch: github/fork/dmile/fix-hmr-for-firefox

Menu

Explore Projects Groups Snippets