ruby-on-rails - Vue with Rails (webpacker) 错误 : "Cannot GET/"

Question

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

所以我点击了 yarn upgrade webpack-dev-server --latest 这是正确的答案并且帮助了我但是当我点击:./bin/webpack-dev-server 我的 webpack 开发服务器启动，一切看起来都很好，但在 http://localhost:3035/ 我收到“Cannot GET/”消息。

JS 控制台:加载资源失败:服务器响应 404 状态

我也试过重装webpacker...

Answer 1

在本地运行 Rails 应用程序时，您需要同时启动 rails server 和 webpack-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 时进行配置。