ruby-on-rails - 如何使用 bootstrap 与 Rails 进行 react

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

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

来自自述文件:

To use Webpacker with React, create a new Rails 5.1+ app using --webpack=react option:

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

(or run bundle exec rails webpacker:install:react in a existing Rails app already setup with Webpacker).

The installer will add all relevant dependencies using Yarn, changes to the configuration files, and an example React component to your project in app/javascript/packs so that you can experiment with React right away.

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