Vue with Rails (webpacker) Error: "Cannot GET /"

Question

I made new project with Rails and Vue using webpacker. Firstly I got strange error Cannot read property 'compile' of undefined

So I hit yarn upgrade webpack-dev-server --latest which was the correct answer and helped me but then when I hit: ./bin/webpack-dev-server my webpack dev server starts and all looks fine but at http://localhost:3035/ I am getting the "Cannot GET /" message.

JS console: Failed to load resource: the server responded with a status of 404

I also tried to reinstall webpacker...

Are you sure it's running on 3035? by default it runs on 8080 — samayo
– samayo, Commented Mar 7, 2018 at 18:48
Yep, console says "Project is running at localhost:3035" I could upload a screenshot from terminal if u want — Daniel
– Daniel, Commented Mar 7, 2018 at 19:01

Tyler Ferraro · Accepted Answer · 2018-03-07 20:31:46Z

1

When running your Rails application locally you'll need to start both the rails server and the webpack-dev-server. I typically use foreman with a simple Procfile, although you can also start both of these by hand.

# Procfile
server: bin/rails server
assets: bin/webpack-dev-server

Then you can run the Procfile and startup both servers with: foreman start

The webpack-dev-server port (3035) is not the port you'll be connecting to for seeing your application. Start up both servers and go to localhost:3000 and you'll see your rails application root path page (or default rails page if you dont have routes yet).

One thing to note, if you're using Foreman to start your servers it will default your rails port to 5000 instead of 3000. You can configure this either in the Procfile or when you call foreman if you want different behavior.

answered Mar 7, 2018 at 20:31

Tyler Ferraro

3,7821 gold badge23 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Daniel Over a year ago

Ty, all works good. Do you know some good tutorials/courses for beginner with Rails+Vue? I.E building a small app

Tyler Ferraro Over a year ago

@Daniel I do not have any resources for you. But I can say you don't need to find Rails + Vue tutorials specifically. Learn Rails and Vue separately. railscasts.com is great for learning Rails.

rimkashox Over a year ago

@Daniel, railscast.com was good, now no longer active, if you want great rails + vue tutorials, go to gorails.com

Collectives™ on Stack Overflow

Vue with Rails (webpacker) Error: "Cannot GET /"

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related