快速/Ruby 不呈现页面视图

Question

我在我的项目中使用 Ruby 2.5.9 和 Rails 4.2.11.3，并尝试使用 Vite 连接我的 Vue 前端。所以我安装了：

vite_ruby: 3.0.7
vite_rails_legacy: 3.0.3
vite: 2.7.12

关于文档。 vite.json 看起来像这样：

{
  "all": {
    "sourceCodeDir": "frontend",
    "watchAdditionalPaths": []
  },
  "development": {
    "autoBuild": true,
    "publicOutputDir": "vite-dev",
    "port": 3036,
   "host": "127.0.0.1"
  },
  "test": {
    "autoBuild": true,
    "publicOutputDir": "vite-test"
  }
}

现在访问前端时，我不断收到错误消息：

http://localhost:3000/vite-dev/@id/vue/dist/vue.esm-bundler.js/server-renderer net::ERR_ABORTED 404 (Not Found)

Answer 1

问题是 @vitejs/plugin-vue 纱线没有正确安装。所以手动安装它解决了这个问题。它还必须包含在 vite.config.js 中，例如：import vue from '@vitejs/plugin-vue'.

快速/Ruby 不呈现页面视图

Vite / Ruby not rendering Vue Page

ruby

vue.js

vite