Rails 和 React，使用 require 加载 react-typeahead 组件答案

【问题标题】：Rails and React, loading react-typeahead component with requireRails 和 React，使用 require 加载 react-typeahead 组件
【发布时间】：2015-07-16 21:21:13
【问题描述】：

我使用 react-rails gem 让 React 与 Rails 一起工作。它可以很好地从反应首页渲染HelloMessage 组件。

然后我使用 Bower 安装“react-typeahead”(react-typeahead github)

var Typeahead = require('react-typeahead').Typeahead;

问题是require 没有定义。我研究了 requirejs-rails 和 browserify-rails，但第一个要求你停止使用 sprockets，而我无法让第二个工作。

我是新手，我应该如何要求使用“react-typeahead”组件？

目前使用 browserify 我得到：

Error: Cannot find module 'react-typeahead' from '/Users/xxx/code/xxx/app/assets/javascripts'
    at /Users/xxx/code/xxx/node_modules/browserify/node_modules/resolve/lib/async.js:46:17

即使我用 bower 将它安装在那个目录中。我已经仔细检查过，它与路径匹配。

【问题讨论】：

标签： javascript ruby-on-rails ruby requirejs reactjs

【解决方案1】：

在您的 require 语句中，如果您要导入的库不在同一个文件夹中，您需要提供该库的确切路径，例如：

Error: Cannot find module 'react-typeahead' from '/Users/xxx/code/xxx/app/assets/javascripts'
at /Users/xxx/code/xxx/node_modules/browserify/node_modules/resolve/lib/async.js:46:17

注意它在 app/assets/javascripts 中的外观，将其指向您的 node_modules 文件夹。

【讨论】：