Vue with Rails(webpacker)错误:"无法获取/"

时间:2018-03-07 18:37:14

标签: ruby-on-rails webpack vue.js webpack-dev-server

我使用webpacker使用Rails和Vue创建了新项目。首先我得到了奇怪的错误 Cannot read property 'compile' of undefined

所以我点击了yarn upgrade webpack-dev-server --latest这是正确的答案并帮助了我但是当我点击:./bin/webpack-dev-server我的webpack dev服务器启动时看起来很好但是在http://localhost:3035/我得到了"无法获得/"消息。

JS控制台:Failed to load resource: the server responded with a status of 404

我也尝试重新安装webpacker ......

1 个答案:

答案 0 :(得分:1)

在本地运行Rails应用程序时,您需要同时启动rails serverwebpack-dev-server。我通常使用foreman和一个简单的Procfile,尽管您也可以手动启动这两个。

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

然后,您可以运行Procfile并使用以下命令启动两个服务器:foreman start

webpack-dev-server端口(3035)不是您为了查看应用程序而连接的端口。启动两台服务器并转到localhost:3000,您将看到您的rails应用程序根路径页面(如果您还没有路由,则会显示默认的rails页面)。

有一点需要注意的是,如果您使用Foreman启动服务器,它会将您的rails端口默认为5000而不是3000.您可以在Procfile中配置它,也可以在需要不同行为时调用foreman。 / p>