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

Question

我试过使用npm包reactstrap.我的组件:

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

我收到以下错误:

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

Answer 1

-gemwebpacker是使用 React + Rails 的方式，而不是 sprockets，这对于 jQuery 风格的 JS 来说是可以的，但对于复杂的基于 ES6 的堆栈来说就不行了。

来自自述文件：

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

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

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

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

请注意，从那时起您将使用yarn，而不是npm。