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

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

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

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

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

我也试过重装webpacker...

当 运行 在本地安装您的 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 时配置它,如果你想要不同的行为。