我怎样才能使用bootstrap与rails做出反应

Question

我尝试过使用npm package reactstrap。 我的组件：

import { Col, Button, Form, FormGroup, Label, Input, FormText } from 'reactstrap';

我收到以下错误：

ExecJS::ProgramError at /dir/xyz
TypeError: require is not a function

Answer 1

webpacker - gem是反应+轨道的方式，而不是链轮，这对于jQuery样式的JS来说是好的，但不适用于复杂的基于ES6的堆栈。

来自自述文件：

  

要将Webpacker与React一起使用，请使用--webpack = react选项创建一个新的Rails 5.1+应用程序：

# Rails 5.1+
rails new myapp --webpack=react

     

（或在已经使用Webpacker设置的现有Rails应用程序中运行bundle exec rails webpacker:install:react。）

     

安装程序将使用Yarn添加所有相关依赖项，对配置文件进行更改，并在app / javascript / packs中为项目添加示例React组件，以便您可以立即试用React。

请注意，您将从此开始使用纱线，而不是npm。