Repository: react-static/react-static

Issue #1109: [Bug] Local development server broken
Created: 2019-04-09T21:17:57Z
I'm noticing that fresh installs of React Static displays an empty page in develop mode ($ react-static start) and the console outputs SyntaxError: The URL 'http:/[http//localhost]:300' is invalid from SockJS. This occurs after running yarn upgrade in a previously working repo in either RS 6.3.x or 7.0.x. Seems that this is related to the 3.3.0 update of webpack-dev-server (possibly this change?).
Adding this to my project's package.json and reinstalling dependencies fixes development builds. This confirms that something is borked in an update of webpack-dev-server.
"resolutions": {
  "react-static/webpack-dev-server": "~3.1.10"
}

Environment
  System:
    OS: macOS 10.14.4
    CPU: (4) x64 Intel(R) Core(TM) i5-6287U CPU @ 3.10GHz
    Memory: 228.44 MB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 10.15.3 - /usr/local/bin/node
    Yarn: 1.15.2 - /usr/local/bin/yarn
    npm: 6.4.1 - /usr/local/bin/npm
  Browsers:
    Chrome: 73.0.3683.86
    Firefox: 66.0.2
    Safari: 12.1
  npmPackages:
    react-ga: ^2.5.7 => 2.5.7 
    react-markdown: ^4.0.6 => 4.0.6 
    react-moment: ^0.8.4 => 0.8.4 
    react-static: ^7.0.7 => 7.0.7 
    react-static-plugin-reach-router: ^7.0.0 => 7.0.0 
    react-static-plugin-sitemap: ^7.0.0 => 7.0.0 
    react-static-plugin-source-filesystem: ^7.0.0 => 7.0.0

Steps to Reproduce the problem

npx react-static create
create site and cd in
yarn upgrade to install latest dependencies
yarn start
navigate to http://localhost:3000
See broken site? Open console.

Duplicate issue #1112: [Bug] The URL 'http:/[http//localhost]:3000' is invalid
Created: 2019-04-10T20:15:41Z
Reporting a bug?
Yes. I just downloaded react-static and wanted to use it, but after I created a basic project and started it I get this in my browser console:
Uncaught SyntaxError: The URL 'http:/[http//localhost]:3000' is invalid at new SockJS (VM20 main.js:47750) at initSocket (VM20 main.js:55343) at Object.<anonymous> (VM20 main.js:54830) at Object.../../webpack-dev-server/client/index.js?http://[http://localhost]:3000 (VM20 main.js:54876) at __webpack_require__ (VM20 main.js:724) at fn (VM20 main.js:101) at Object.0 (VM20 main.js:58287) at __webpack_require__ (VM20 main.js:724) at VM20 main.js:791 at VM20 main.js:794
Environment
System:
OS: Linux 4.15 Linux Mint 19 (Tara)
CPU: (8) x64 Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz
Memory: 786.52 MB / 7.67 GB
Container: Yes
Shell: 4.4.19 - /bin/bash
Binaries:
Node: 10.15.3 - ~/.nvm/versions/node/v10.15.3/bin/node
npm: 6.4.1 - ~/.nvm/versions/node/v10.15.3/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Browsers:
Chrome: 73.0.3683.103
Firefox: 66.0.2
npmPackages:
react: ^16.8.2 => 16.8.6
react-dom: ^16.8.2 => 16.8.6
react-static: ^7.0.0 => 7.0.7
react-static-plugin-reach-router: ^7.0.0 => 7.0.7
react-static-plugin-sitemap: ^7.0.0 => 7.0.0
react-static-plugin-source-filesystem: ^7.0.0 => 7.0.0
npmGlobalPackages:
react-static: 7.0.7
Steps to Reproduce the problem

react-static create
choose a template( a only tested with basic and blank)
cd into directory
run npm run start
open http://localhost:3000

Expected Behavior
To show the page with no errors

Closing comment (2019-04-10T23:06:58Z): Same as #1109
Sorry