时间戳

首页 > 解决方案 > 我正在尝试添加简单的控制器来查看在 ruby​​ rails 中使用 preact 组件

ruby-on-rails - 我正在尝试添加简单的控制器来查看在 ruby​​ rails 中使用 preact 组件

问题描述

我正在尝试添加简单的控制器来查看使用 ruby​​ rails 中的 preact 组件。它只是显示 hello world 只是一个基本程序，只是试图在 rails 中使用 preact 组件。

没有太多可尝试的东西我已经搜索了很长时间，但没有运气。我正在关注此https://github.com/UseHover/preact-rails来执行此操作。

应用程序.html.erb

   <title>Helloworld</title>
   <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>
  <body>
   <%= yield %>
   <%= javascript_pack_tag 'application' %>
  </body>

我调用组件的视图。

<%= preact_component('Button', { type: 'submit', label: 'Get started!'}) %>

包.json

{
   "name": "helloworld",
   "private": true,
   "dependencies": {
   "@rails/webpacker": "^4.0.7",
   "preact": "^8.5.2",
   "preact_ujs": "^0.1.1"
  },
   "devDependencies": {
   "webpack-dev-server": "^3.8.1"
 }

}

错误：-

Webpacker 在 D:/Projects/Ruby Project/helloworld/public/packs/manifest.json 中找不到应用程序。可能的原因：

  1. 您想为您的环境将 compile 的 webpacker.yml 值设置为 true

    除非您使用的webpack -w是 webpack-dev-server 或 webpack-dev-server。

  2. webpack 尚未重新运行以反映更新。

  3. 你错误地配置了 Webpacker 的 config/webpacker.yml 文件。

  4. 您的 webpack 配置没有创建清单。

您的清单包含：

{
}
Extracted source (around line #10):


  <body>
  <%= yield %>
  <%= javascript_pack_tag 'application' %>

  </body>
  </html>

标签： ruby-on-railsrubypreact

解决方案

尝试使用 Preact 10 而不是 8。preact-rails 在他们的文档中似乎使用了 10。

推荐阅读