找不到从 npm 安装的模块中导入的子模块答案

【问题标题】：Cannot find a submodule imported inside a module installed from npm找不到从 npm 安装的模块中导入的子模块
【发布时间】：2015-08-21 18:29:00
【问题描述】：

我想通过 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'？

一定有一些关于导入模块的概念我还不知道。因此，如果您能指出一些参考资料，我将不胜感激。

【问题讨论】：

标签： node.js npm reactjs browserify html-datalist

【解决方案1】：

我现在很尴尬。问题是我没有意识到转换步骤和捆绑步骤已经组合成一个命令行。因此，而不是

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

这样做

browserify -t reactify main.jsx > bundle.js

【讨论】：