Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

webpack-dev-server hot reload not working on cloud9 #1296

Closed
reckerswartz opened this issue Feb 26, 2018 · 2 comments
Closed

webpack-dev-server hot reload not working on cloud9 #1296

reckerswartz opened this issue Feb 26, 2018 · 2 comments

Comments

@reckerswartz
Copy link

reckerswartz commented Feb 26, 2018

As previously discussed in issue #176 . I am having trouble making web pack work with Rails in my development environment, which is Cloud9.
My Environment:
Gems included by the bundle:
(Few are Below)

  • bundler (1.16.1)
  • coffee-rails (4.2.2)
  • nokogiri (1.8.2)
  • puma (3.11.2)
  • rails (5.2.0.rc1)
  • turbolinks (5.1.0)
  • turbolinks-source (5.1.0)
  • webpacker (3.2.2)
  • websocket-driver (0.7.0)
  • websocket-extensions (0.1.3)

Package Json

{
  "name": "******-dev",
  "private": true,
  "dependencies": {
    "@rails/webpacker": "^3.2.2",
    "vue": "^2.5.13",
    "vue-loader": "^14.1.1",
    "vue-template-compiler": "^2.5.13"
  },
  "devDependencies": {
    "webpack-dev-server": "^2.11.1"
  }
}

Changed the development.dev_server entry config/webpacker.yml file into

dev_server:
    https: true
    host: localhost
    port: 3035
    public: your-workspace-name-yourusername.c9users.io:3035
    hmr: false
    # Inline should be set to true if using HMR
    inline: false
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: /node_modules/

after running webpack-dev-server live changes cannot be seen without reload.
When Inline sets to true then i have error
capture

@kriera
Copy link

kriera commented Mar 1, 2018

Hi there, what line are you using to execute the webpack-dev-server?

I've one similar issue trying to execute webpack dev

constantly getting those errors,
webpack-dev-server/bin/webpack-dev-server.js:405
throw e;

i've tried

webpack-dev-server --host localhost --port 8081

webpack-dev-server --host $IP --port $PORT

webpack-dev-server --public $C9_HOSTNAME:8081

if i put the url of the server xxxxxx.xxxx.cloud9.us.. etc on the host: and public: url:port

i get

bind(2) for "xxxxxx.xxxx.cloud9.us...com" port 8081

not really sure what to check more, rails s is not running so port is free, so maybe you can throw some light on that :)

thanks!

@reckerswartz
Copy link
Author

reckerswartz commented Mar 8, 2018

@kriera just bin/webpack-dev-server
to run webpacker dev server

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants