NPM構建與Browserify - 錯誤：無法找到模塊

Question

當運行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 

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

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

出口在maininput.jsx看起來是這樣的：

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

我還創建GulpFile，也有獲得同樣的錯誤：

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

編輯： 我發現它工作只有當我提供組件的完整路徑時，這很奇怪。任何人都知道什麼可能導致這個問題可能是一些環境變量或？

Answer 1

使用./在您導入路徑的開頭：

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