找不到從npm安裝的模塊中導入的子模塊

Question

我想使用browserify從https://github.com/asbjornenge/react-datalist使用node.js模塊。

我確實將模塊安裝在本地工作目錄中。 在該目錄中，我創建了一個javascript文件main.jsx

var React = require('react');
var ReactDatalist = require('react-datalist');

var options = ['apple','orange','pear','pineapple','melon'];
React.render(<ReactDatalist list="fruit" options={options} />, document.body);

然后，我這樣反應：

browserify -t reactify main.jsx > main.js

到目前為止，還不錯，但是問題是當我想瀏覽器時：

browserify main.js > bundle.js

我收到一個錯誤：

Error: Cannot find module './components/DataList' from '...my working directory...'
at /usr/local/lib/node_modules/browserify/node_modules/resolve/lib/async.js:55:21
at load (/usr/local/lib/node_modules/browserify/node_modules/resolve/lib/async.js:69:43)
at onex (/usr/local/lib/node_modules/browserify/node_modules/resolve/lib/async.js:92:31)
at /usr/local/lib/node_modules/browserify/node_modules/resolve/lib/async.js:22:47
at FSReqWrap.oncomplete (fs.js:95:15)

在...my working directory../node_modules/react-datalist/src/ReactDataList.js ，定義如下：

import React          from 'react'
import DataList       from './components/DataList'
import DataListOption from './components/DataListOption'
import layout         from './styles/react-datalist.styl'

我不清楚進口范圍。 我以為node.js導入機制應該在本地工作，但是為什么要嘗試從我的工作目錄中找到'./components/DataList'呢？

關於導入模塊，必須有一些我不知道的概念。 因此，如果您能指出一些參考資料，將不勝感激。

Answer 1

我現在很尷尬。 問題是我沒有意識到轉換步驟和捆綁步驟已經組合到一個命令行中。 因此，代替

browserify -t reactify main.jsx > main.js
browserify main.js > bundle.js

做這個

browserify -t reactify main.jsx > bundle.js