Javascript 具有Browserify的npm生成-错误：找不到模块

使用以下命令运行npm生成时：

"build": "browserify -t [ babelify --presets [ es2015 react ] ] app/assets/app.jsx -o public/javascripts/app.js"

我遇到以下错误：

Error: Cannot find module 'components/maininput.jsx' from 'C:\Users\Work\Documents\NetBeansProjects\Project\app\assets'

项目结构如下所示：

app
|
└────assets
    │   app.jsx
    |
    └───components 
           maininput.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import { MainInput } from '../components/maininput.jsx'

export default class MainInput extends React.Component {
  //some code and render()
}

在app.jsx中导入如下所示：

app
|
└────assets
    │   app.jsx
    |
    └───components 
           maininput.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import { MainInput } from '../components/maininput.jsx'

export default class MainInput extends React.Component {
  //some code and render()
}

maininput.jsx中的导出如下所示：

app
|
└────assets
    │   app.jsx
    |
    └───components 
           maininput.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import { MainInput } from '../components/maininput.jsx'

export default class MainInput extends React.Component {
  //some code and render()
}

我还创建了GulpFile，也出现了同样的错误：

{ Error: Cannot find module '../components/maininput.jsx'

编辑：

---

我发现只有在我提供组件的完整路径时，它才能工作，这很奇怪。有人知道是什么导致了这个问题吗？可能是某些环境变量或？

在导入路径的开头使用

/

：

import { MainInput } from './components/maininput.jsx'